Reactjs 如何将{variable}连接到react js中的href标记？

我试图在锚标记的href字符串中使用大括号中的变量。 假设{entry.email}的值为abc@xyz.com然后我尝试这样做来生成锚标记 abc@xyz

在下面的代码中

const rows = props.contacts.map((entry, index) => {
    return (
        <tr key={index}>
            <td><a href="mailto:"+{entry.email}>{entry.email}</a></td>
        </tr>
    );

但很明显，这是行不通的，甚至无法编译。我如何做到这一点？

尝试使用

或

您可以使用以下选项：

---

这与公认的答案有何不同？

href={`mailto: ${entry.email}`}

href={"mailto: "+ entry.email}