javascript - 如何在 react 渲染功能中创建动态 href？

Question

我正在渲染一个帖子列表。对于每个帖子，我想呈现一个 anchor 标记，其中帖子 ID 作为 href 字符串的一部分。

render: function(){
    return (
        <ul>
            {
                this.props.posts.map(function(post){
                    return <li key={post.id}><a href='/posts/'{post.id}>{post.title}</a></li>
                })
            }
        </ul>
    );

我该怎么做才能使每个帖子都有 /posts/1、/posts/2 等 href？

Answer 1

使用字符串连接:

href={'/posts/' + post.id}

JSX 语法允许使用字符串或表达式 ({...}) 作为值。你不能混合两者。在表达式中，顾名思义，您可以使用任何 JavaScript 表达式来计算值。