javascript - jsx if else 隐藏元素的简写

Question

我可以

<p>Company: {{this.state.user.company}}</p>

但有时公司没有值(value)。那么如果公司的属性为空，我应该如何隐藏整个？

我试过了

<p>({this.state.user.company} ? 'Company: ' + {this.state.user.company} : '')</p>

但它不起作用。

Answer 1

Ori Drori 答案的替代语法(我觉得这更容易阅读):

render() {
  return (
    {this.state.user.company ? <p>Company: {this.state.user.company}</p> : null}
  )
}