什么是有条件地在React中添加readOnly的最佳方法?

Sha*_*ews 7 reactjs redux-form

在React中给出了一个提供true/false的prop,如何有条件地将readOnly添加到JSX中的输入字段?

所以,如果我有this.props.boolean,当没有附加this.props.boolean == false readOnly时,添加readOnly的简洁选项,当附加this.props.boolean == true readOnly时.

J L*_*ood 11

<input readOnly={this.props.boolean} />
Run Code Online (Sandbox Code Playgroud)

  • 这不起作用,因为 readonly 属性的值必须是“readonly”,而不是 true 或 false。[参见此](/sf/answers/432107791/) (2认同)