Как задать атрибут у тега в react?

Question

[noombasa]

Мне нужно что бы у инпута появлялся атрибут disabled в зависимости от selectedPeriod хранимой в стейте.

{this.state.selectedPeriod ? 
                            (   
                                <p>какой-то текст и еще другие теги
                                <input type="text" /> 
                                </p>
                            ) 
                            : 
                            ( 
                                <p>какой-то текст и еще другие теги
                                <input type="text" disabled /> 
                                </p>
                            )
                        }

у меня сейчас так но т.к. содержимое скобок будут дополняться другимими тегами, будет удобней внести это условие внутрь тега. что-то вроде

<input type="text" {this.state.selectedPeriod ? null :  disabled  />

И вот вопрос как это сделать правильно?

Comments

[Роман Александрович]

<input type="text" {this.state.selectedPeriod ? enabled :  disabled  }/>

так не работает?

Answer 1

[0xD34F]

<input type="text" disabled={this.state.selectedPeriod} />