提交清除后，必填输入字段变为红色。 React.js

Question

我有一个表单，该表单调用redux动作，如果发布成功，则清除输入字段。问题似乎出在成功清除输入字段后，输入字段变为红色。

redux动作功能

postActionFunction = (data, clearDataFunction) => (dispatch) => {
  axios
    .post(`/endpoint`, data)
    .then(() => {
      console.log('success');
    })
    .then(() => {
      clearDataFunction();
    })
    .catch((err) => {
      console.log('error');
    });
};

表单提交功能

 onSubmit(e) {
    e.preventDefault();
    const { inputData } = this.state;
  // below function is the redux action
    this.props.postCategories(inputData, this.clearDataFunction);
  }

 clearDataFunction() {
    this.setState({ inputData: '' });
  }

编辑： 这似乎仅在Firefox开发人员版中发生