React: установка отключенного атрибута на основании состояния

Question

Я хотел бы установить отключенный атрибут на кнопке на основе состояния компонента, что-то вроде этого:

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

Вы можете использовать нулевую

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