我如何制作一个发往 link 且其中包含电子邮件的 mailto

Question

我想创建一个 mailto，但 mailto 必须 href 到“mailto:{item.email}”，当然这是不可能的，我该怎么做？

{data?.entry.people.map(item => (
            <div key={item.id}>
              <BigText>
                {item.firstName} {item.lastName}
              </BigText>
              <Paragraph>{item.job}</Paragraph>
              <Paragraph>{item.phone}</Paragraph>
              <Paragraph>
                <Link href="mailto:{item.email}">{item.email}</Link>
              </Paragraph>
              <Link href={item.linkedin} target="_blank" rel="nofollow">
                Linkedin
              </Link>
            </div>
          ))}

Answer 1

你可以用模板文字 es6 做到这一点

<Link href={`mailto:${item.email}`}>{item.email}</Link>

Answer 2

试试这个：

<Link href={`mailto:${item.email}`>{item.email}</Link>

我如何制作一个发往 link 且其中包含电子邮件的 mailto

How do I make a mailto that goes to link with email inside of it

mailto

reactjs