在Redux-Form上,我可以在验证之后但在提交值之前处理值吗?

安德烈·佩纳(AndréPena)

我正在使用Redux-Form,并且有以下情况:

数字和日期时间是特殊的,因为在您填写完字段(例如之前,它们可能是无效的12/08/另外,您可能有多个表示相同值的字符串(例如2.50002.5)。

因此,我决定在表单上和应用程序状态下都将所有字段保留为字符串

问题是,在验证之后,我需要处理字段的值,以便发送到服务器的JSON实际上具有数字和日期时间,而不仅仅是字符串。

这是理想的解决方案吗?如果是这样,我该怎么做?

埃里克·R。

您的推理听起来很合理。您已经运行了一个“格式器”,可以将数据转换为字符串,因此您只需要在窗体onSubmit和ajax调用之间添加它的称呼,即“解析器”

render() {
  const { fields, handleSubmit } = this.props
  return (
    <form onSubmit={handleSubmit(values => {
        // all values are guaranteed to pass sync validation here,
        // so they should all parse just fine.
        const parsedValues = parseIntoRealDataTypes(values)
        return ajax.post('/api/myWidgets', parsedValues)
          .then(response => {
            // rejoice
          })
      })}>
    </form>
  )
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

以React / Redux形式处理提交

来自分类Dev

Redux 表单向导对象值验证

来自分类Dev

传递动态表单值 redux-form

来自分类Dev

Redux Form 不会改变值

来自分类Dev

Redux-Form在自定义组件中分隔显示值和提交值

来自分类Dev

在Redux中处理权限

来自分类Dev

Redux Reducer Promise处理

来自分类Dev

处理 Redux 形式的事件

来自分类Dev

使用 Redux 在组件上获取存储值

来自分类Dev

我可以在使用同级语句之前或之后获得值吗?

来自分类Dev

如何处理Redux表单提交的数据

来自分类Dev

Redux-Form 无法进行远程提交

来自分类Dev

Redux-form 验证自动填充

来自分类Dev

Redux 表单 - 同步验证示例

来自分类Dev

我可以在React + Redux中用道具设置初始状态吗?

来自分类Dev

我可以在与React组件分开的地方分发redux动作吗?

来自分类Dev

Redux normalizr +处理减少的响应

来自分类Dev

在Redux中处理长寿状态

来自分类Dev

使用Redux处理onClick事件

来自分类Dev

在Redux中处理长寿状态

来自分类Dev

处理 React Redux 中的错误

来自分类Dev

用户可以在Chrome中更改Redux / Mobx的值以访问受限视图吗?

来自分类Dev

Redux 中的“Reducer”可以默认返回初始状态和默认值吗?

来自分类Dev

无法测试 redux-form

来自分类Dev

将redux调度映射到redux-form

来自分类Dev

redux-form-通过代码设置字段的值?

来自分类Dev

材质UI自动完成,redux-form值被破坏

来自分类Dev

redux-form 无法在字段中键入值

来自分类Dev

redux-form:在 handleSubmit 上访问状态和表单值