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

Question

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

因此，如果我有this.props.boolean，当this.props.boolean == false readOnly未附加时，如果附加了this.props.boolean == true readOnly，则添加readOnly的简洁选项。

Answer 1

<input readOnly={this.props.boolean} />

Answer 2

这很丑陋，但是可行：

{props.readonly ?
    <input placeholder="Can't edit here" readOnly />
    :
    <input placeholder="edit here..."/>
}

自定义两个控件，以避免重复尽可能多...