Javascript 如何通过if语句呈现禁用的按钮？

我想在react组件中禁用一个按钮，当checkedIds的状态为空时，禁用按钮的代码如下所示：

<Button disabled> disabled </Button>

已禁用

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

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

删除所选内容

帮助？

这应该有用

<Button disabled={this.state.checkedIds.length===0} >
  Delete Selected 
</Button>

删除所选内容

这应该行得通

<Button disabled={this.state.checkedIds.length===0} >
  Delete Selected 
</Button>

删除所选内容

如果else不能直接像那样工作，您应该使用三元运算符并返回一个布尔值，如

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

删除所选内容

如果else不能直接像那样工作，您应该使用三元运算符并返回一个布尔值，如

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

删除所选内容

不幸的是，它没有t@iamnewbie您确定它是本机按钮组件吗？看看我做的这支笔来说明这一点。我能看到的唯一区别是你做了严格的检查，我认为这在这里并不重要。你的回答也应该对他有用。仍然无法理解这些细节为什么它不起作用不幸的是它不起作用t@iamnewbie您确定它是本机按钮组件吗？看看我做的这支笔来说明这一点。我能看到的唯一区别是你做了严格的检查，我认为这在这里并不重要。你的回答也应该对他有用。仍然无法理解这些细节为什么它不起作用