javascript - 我如何将多个值存储到一个可重用的变量 - reactJs

Question

我正在开发小型反应应用程序，我的下拉列表如下所示：

<CustDropdown 
disabled={
      isPlayerLoaded ||
      this.state.players.length === 0 || 
      !this.state.players 
    }
/>

这里的问题是我想在disabled. 是否可以将其存储到之后可能在此处使用的某个变量disabled。

所以禁用看起来像disabled = isPlayerDisabled。

多谢你们

干杯

Answer 1

在return语句之前声明一个const来保存逻辑运算的结果。您还可以使用destructuring assignment使您的代码更干净

const { players } = this.state
const disabled = isPlayerLoaded || players.length === 0 || !players 

return <CustDropDown disabled={disabled} />