title: React ternary operator error
body: <p>I'm trying to only return firebase data that was only created by the user to their homepage using a ternary operator but I keep getting the error: <strong>Syntax error: Unexpected token, expected</strong></p>
  
  <p>Can anyone see where the code is going wrong? 
  If I wrap the ternary around the remove button it'll work, only allowing the user to remove items created by them. I want to only display stuff created by them.
  The react code is below:</p>
  
  <pre><code>  &lt;ul&gt;
    {this.state.items.map((item) =&gt; {
      return (
        {item.user === this.state.user.displayName || item.user === this.state.user.email
        ? &lt;li key={item.id}&gt;
            &lt;h3&gt;{item.topic}&lt;/h3&gt;
            &lt;p&gt;author: {item.user}
              &lt;button onClick={() =&gt; this.removeItem(item.id)}&gt;Remove Item&lt;/button&gt;
            &lt;/p&gt;
          &lt;/li&gt;
        : null}
      )
    })}
    &lt;/ul&gt;
  </code></pre>