reactjs - React 渲染链接包含一个变量

Question

我正在尝试执行以下操作:

<tbody>
    {projects.map(function(project, i) { return (
    <tr key={i}>
        <td>
            {project.id}
        </td>
        <td>
            <a href='#/systemlist?projId={project.id}'>{project.name}</a>
        </td>
    </tr>
    );} )}
</tbody>

它应该使用路由器指向另一个组件。除了 {project.id} 没有被呈现为值之外，一切都有效。怎么做？ href 之外的所有内容都有效。

Answer 1

有几种方法可以解决这个问题

1. 字符串连接

   <a href={ '#/systemlist?projId=' + project.id }>{project.name}</a>
   

2. ES2015 string templates

   <a href={ `#/systemlist?projId=${project.id}` }>{project.name}</a>
   

Example