Reactjs-html元素内的js

Question

在我的项目中，我有一个想要禁用状态的按钮。

<Button 
    color='success' 
    onClick={this.changeForm}
    block
    disabled
    >
    LOGIN
</Button>

我正在使用Reactstrap。我在flag中设置了一个state值。如果flag设置为TRUE，我想禁用该按钮。因此，我想到了以下代码：

<Button 
    color='success' 
    onClick={this.changeForm}
    block
    {this.state.flag && 'disabled'}
    >
    LOGIN
</Button>

我得到Syntax Error。我知道那是不正确的语法，所以我如何实现所需的功能？

Answer 1

disabled是Button的道具。因此：

<Button 
    color='success' 
    onClick={this.changeForm}
    disabled={this.state.flag}
    >
    LOGIN
</Button>