如何在React中使输入框有条件地只读

Question

如何使输入框有条件地只读？我有一个要检查的状态值，如果它为空，我希望将readonly的输入框道具添加到输入框中。这是我迄今为止对此的实现：

<Input title={ 'Node Type'} name={ 'nodeType'} inputtype={ 'text'} placeholder={ 'Type node type name'} readonly={this.props.updateCards === {}} />

*编辑后的问题说，我想根据评论回复检查它是否是空的而不是真的

Answer 1

您可以这样做：

<Input readonly={this.props.updateCards ? true : false} />

Answer 2

如果它是空的，您可以像下面这样使用它。关于isEmpty的实现，请参阅：这个问题

return (
<Input
title={ 'Node Type'} 
name={ 'nodeType'} 
inputtype={ 'text'}
placeholder={ 'Type node type name'} 
readonly={isEmpty(this.props.updateCards)} 
/>
)