如何使用react有条件地删除value属性

Question

我想从react的输入字段中删除value属性。我该如何实现？

例如我想从输入字段下方删除值属性

<input type="text" value={this.state.value} />

Answer 1

在input中显示或不显示值都很容易。 您可能有一个标志来处理它。 然后：

<input type="text" value={isShow ? this.state.value : ""} />

Answer 2

如果要完全删除value属性，则可以使其键和值来自要散布到元素上的对象

https://stackblitz.com/edit/react-2vreml

在此示例中，仅输入5将没有value属性

class App extends Component {
  state = {
    value1: 'React',
    value2: null,
    value3: undefined,
    input4: { type: 'text', value: '123' },
    input5: { type: 'text' }
  };


  render() {
    const { value1, value2, value3, input4, input5 } = this.state;
    return (
      <div>
        <input type="text" value={value1} />
        <input type="text" value={value2} />
        <input type="text" value={value3} />
        <input {...input4} />
        <input {...input5} />
      </div>
    );
  }
}