在 React 中，给定一个提供 true/false 的 prop，如何有条件地添加readOnly到 JSX 中的输入字段？
因此，如果this.props.boolean当 this.props.boolean == false readOnly 未附加时，当 this.props.boolean == true readOnly 附加时，我有什么简洁的选项可以添加只读。
在 React 中有条件地添加 readOnly 的最佳方法是什么？
IT技术
reactjs
2021-05-18 09:36:00
2个回答
<input readOnly={this.props.boolean} />
这很丑陋，但它有效：
{props.readonly ?
<input placeholder="Can't edit here" readOnly />
:
<input placeholder="edit here..."/>
}
使两个控件自定义以避免尽可能重复...