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

Question

如何有条件地使输入框只读？ 我有一个 state 值要检查，如果它为空，我希望将 readonly 的输入框属性添加到输入框中。 到目前为止，这是我的实现：

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

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

Answer 1

你可以这样

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

Answer 2

如果它是空的，你可以像下面这样使用它。 有关isEmpty的实现方式，请参阅： this question

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