React:根据状态设置disabled属性

Question

我想根据组件的状态在Button上设置disabled属性,如下所示:

render() {
  return (
    <button type="button" {this.state.submitting ? 'disabled' : ''} 
      onClick={ this.handleSubmit }>Submit</button>
    );
}

目前我在开场时遇到意外的令牌错误{,我错过了什么？

Answer 1

您可以disabled通过布尔值设置属性,如下所示

<button
  type="button"
  disabled={this.state.submitting}
  onClick={this.handleSubmit}
>
  Submit
</button>

Example

Answer 2

你可以使用 null

<button type='button' disabled={this.state.submitting ? 'disabled' : null} onClick={this.handleSubmit}>Submit</button>