javascript - 如何在 react 中将输入值设置为空

Question

如果目标值为空 str，为什么我不能将目标值设置为 null？

这是我的代码，希望你能帮助我:

   class Input extends React.Component {
      constructor(props) {
        super(props);
        this.onInputChange = this.onInputChange.bind(this);
      }

      onInputChange(event) {
        const fieldValue = event.target.value;
        if (!fieldValue) {
          event.target.value = null;
        }
        this.props.onChange(event);
      }

      render() {
        return <input value={this.props.value} onChange={this.onInputChange} />;
      }
    }

Answer 1

您应该将值传递给 this.props.onChange()，而不是事件，并且您不应将其设置为 null。将其设置为空字符串。所以，你应该这样做:

onInputChange(event) {
    var fieldValue = event.target.value; // It should be a var, then you can update it
    if (!fieldValue) {
        fieldValue = "";
    }
    this.props.onChange(fieldValue);
}