title: How to create dynamic href in react render function?
body: <p>I am rendering a list of posts. For each post I would like to render an anchor tag with the post id as part of the href string.</p>
  
  <pre><code>render: function(){
      return (
          &lt;ul&gt;
              {
                  this.props.posts.map(function(post){
                      return &lt;li key={post.id}&gt;&lt;a href='/posts/'{post.id}&gt;{post.title}&lt;/a&gt;&lt;/li&gt;
                  })
              }
          &lt;/ul&gt;
      );
  </code></pre>
  
  <p>How do I do it so that each post has href's of <code>/posts/1</code>, <code>/posts/2</code> etc?</p>