首页 > 解决方案 > reactjs - 根据条件渲染标签

问题描述

我有一个问题。我<a>只想在条件中验证标签并且它不起作用的情况下呈现标签。可能我在做一些错字。

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

)

标签: javascriptreactjs

解决方案


你在return之后传递的应该是一个有效的 JS表达式

if是一个语句

查看此内容以了解expression 和 statements 之间的区别

为了在表达式中进行逻辑测试,您可以使用&& 或 || 运算符如:

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

推荐阅读