[英]How to concatenate {variable} to href tag in react js?
我正在尝试在锚标记的 href 字符串中使用花括号中的变量。 假设 {entry.email} 的值为 abc@xyz.com 那么我正在尝试这样做<a href="mailto:"+{entry.email}>{entry.email}</a>
以生成锚标记<a href="mailto:abc@xyz">abc@xyz
在以下代码中
const rows = props.contacts.map((entry, index) => {
return (
<tr key={index}>
<td><a href="mailto:"+{entry.email}>{entry.email}</a></td>
</tr>
);
但显然这不起作用,甚至无法编译。 我该怎么做呢?
你可以使用这个:
<a href={`mailto:${entry.email}`}>
字符串连接无论使用引号还是字符串文字,只要它们在花括号内声明就可以工作......
选项一:
<a href={"mailto: "+ entry.email}>
选项二:
<a href={`mailto: ${entry.email}`}>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.