如何在react render函数中创建动态href？

我正在渲染帖子列表。对于每个帖子，我想呈现一个带有帖子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>
    );

我该如何做，以便每个帖子都具有href的/posts/1，/posts/2等等？