javascript - react : setting the disabled attribute based on a state

Question

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

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

目前我在开头收到意外的 token 错误{，我错过了什么？

Answer 1

你可以通过 bool 值设置disabled属性，像这样

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

Example