javascript - 如何通过if语句呈现禁用按钮？

Question

我想在checkIds的状态为空时禁用react组件中的按钮，禁用按钮的代码如下:

<Button disabled> disabled </Button>

但是当我尝试这个时，它不起作用

<Button {if(this.state.checkedIds.length===0) {
    return disabled;
  }}>
      Delete Selected 
  </Button>

帮忙？

Answer 1

If-else 不能直接这样工作，您应该使用三元运算符并返回一个 bool 值，例如

<Button disabled={(this.state.checkedIds.length == 0? true: false)}>
      Delete Selected 
  </Button>