小编Lat*_*zio的帖子

redux-form - 仅提交已编辑的字段

在这个例子中,我有一个用于更新用户信息的表单,它用React用redux-form 6.5编写.我是这个堆栈的新手.

渲染表单功能如下:

render() {
    const { handleSubmit } = this.props;        
    return (
      <form onSubmit={handleSubmit(this.handleFormSubmit.bind(this))}>
        <Field name="name" component="input" type="text"/>
        <Field name="surname" component="input" type="text"/>
        <button action="submit">Sign in</button>
      </form>
    );
Run Code Online (Sandbox Code Playgroud)

我有reduxForm连接:

const extendedComponent = reduxForm({
  form: 'userdetail',
  validate
})(UserDetail);
Run Code Online (Sandbox Code Playgroud)

我有提交处理程序:

 handleFormSubmit(user) {
    // TODO: how can I get only the touched fields?
    this.props.updateUser(user);
  }
Run Code Online (Sandbox Code Playgroud)

我在验证后正确接收了对象用户,我发送了PUT调用,一切正常.

但是我不喜欢在PUT中发送所有数据,我希望只将编辑后的数据发送到PUT.我知道我可以检索initialValues并比较所有字段.

还有另外一种方法吗?我怎样才能获得触摸的字段?

这是最好的做法吗?

在我看来,这是一个共同的任务,我没有找到任何相关的东西,所以我假设我完全忽略了这一点.

谢谢你们 :)

javascript forms reactjs redux-form

3
推荐指数
1
解决办法
1821
查看次数

标签 统计

forms ×1

javascript ×1

reactjs ×1

redux-form ×1