在提交 redux-form 时重置输入字段答案

【问题标题】：Reset input filed onSubmit redux-form在提交 redux-form 时重置输入字段
【发布时间】：2019-07-10 10:43:07
【问题描述】：

我正在尝试使用他们网站上给出的 Redux 表单示例中的 ref 发送重置，但在给出的过程中失败是我正在尝试实现的代码：

import {reset} from 'redux-form';
import {connect} from 'react-redux';


const DCTForm = ({ handleSubmit, onSubmit }) => (
  <section className="chat-bg">
    <form className="chatBoxForm" onSubmit={handleSubmit(onSubmit)}  >
      <section className="input_container">
        <Input
          name="message"
          type="text"
        />
        <img src={Arrow_up} className="icon-static input_img" alt="Arrow_up" />
        <img src={Paper_plane} className="icon-static input_img_2" alt="Paper_plane" />
      </section>
    </form>
  </section>
);

DCTForm.propTypes = {
  handleSubmit: PropTypes.func,
  onSubmit: PropTypes.func
};

DCTForm.defaultProps = {
  handleSubmit: noop,
  onSubmit: noop
};
const mapDispatchToProps = dispatch => {
  return {
    reset:(dct)=>dispatch(reset('DCTForm'))
  }
}


export default connect(null,mapDispatchToProps)(reduxForm({form: "DCTForm"})(DCTForm);

在此先感谢 :)

【问题讨论】：

标签： reactjs redux redux-form

【解决方案1】：

我建议对输入字段使用单一事实来源。而不是使用 refs 。使用 onChange 事件处理程序，并且此 onchange 事件处理程序应设置包含输入字段值的状态属性。此外，将输入字段的值属性设置为 this.state.inputField （输入字段是什么)

input tag event

State

【讨论】：