javascript - Reactjs - 根据条件渲染标签

Question

我有一个问题。我想渲染 <a>仅在条件中经过验证但不起作用的情况下才标记。可能我犯了一些错字。

return (
  if(this.state.currentPage > 1 ){ 
    <a className="prev-button">&lt;</a>
  }

)

Answer 1

返回后传递的内容应该是有效的 JS 表达式。

if 是一个语句。

看看这个 difference between expression and statements .

为了在表达式中进行逻辑测试，您可以使用 && or || operator像:

return ({(this.state.currentPage > 1 ) && <a className="prev-button">&lt;</a>})