如何在更新输入字段时隐藏React Js中的验证错误？

state = {
  errors: {
    field1: false,
    field2: false,
    // 其他字段...
  }
}

handleChange = (event) => {
  const { name, value } = event.target;
  // 进行验证逻辑，根据需要更新错误状态
  const hasError = // 验证逻辑，例如检查是否为空
  this.setState(prevState => ({
    errors: {
      ...prevState.errors,
      [name]: hasError
    }
  }));
}

render() {
  const { errors } = this.state;

  return (
    <div>
      <input
        type="text"
        name="field1"
        onChange={this.handleChange}
      />
      {errors.field1 && <span className="error">输入错误</span>}
      {/* 其他输入字段和错误信息 */}
    </div>
  );
}