reactjs – 包含变量的React渲染链接

<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以外的所有其他工作都可以.

>字符串连接

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

> ES2015 string templates

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

Example