title: React inline conditional return Unexpected token, expected
body: <p>I would like add inline conditional in my React Component, but i don't understand why, React return <strong>Unexpected token, expected</strong> on the line <code>posts.length ?</code> :</p>
  
  <pre><code>class PostList extends Component {
  
    getPosts() {
      const posts = Post.find().fetch();
      return posts;
    }
  
    render() {
      const posts = this.getPosts();
      return (
        {posts.length ?
          &lt;ul&gt;
            {posts.map((post) =&gt; (
              &lt;PostItem key={post.title} post={post} /&gt;
            ))}
          &lt;/ul&gt;
        }
      );
    }
  
  }
  </code></pre>
  
  <p>Anyone have idea ? My conditional is wrong ?</p>
  
  <p>Thank you community !</p>