检查reactjs中的多个条件

时间:2017-03-10 11:04:06

标签: reactjs

我们如何检查reactjs中的多个条件 有一个?运算符,但它只检查一个条件。

我想检查三个按钮的状态。如果确实如此,那么它们就会被渲染出来。

示例 - > 如果按钮1为真,则渲染按钮1
如果按钮2为假,则不渲染按钮2
如果按钮3为真,则渲染按钮3

2 个答案:

答案 0 :(得分:3)

你可以做到

<ion-toggle (ionChange)="someMethod($event)"></ion-toggle> 

someMethod(e) {
  var offsetX = e.offsetX; // not finding offsetX
  if (offsetX > 20) {
    e.preventDefault(); // not finding preventDefault()
  }
}

答案 1 :(得分:1)

{
      isButton_1 ? <button type="submit"> Button 1 </button>  : ' ' ||
      isButton_2 ? <button type="submit"> Button 2 </button>  : ' ' ||
      isButton_3 ? <button type="submit"> Button 3 </button>  : ' '
}