Reactjs Redux表单将负载从数字转换为模糊上的字符串

我试图找出为什么每当我聚焦并模糊输入字段时，React/Redux/Redux表单会自动将我的

有效载荷

转换为字符串

一定有某个进程在干扰，但我不知道如何排除故障

我尝试过使用ReduxDevTools Chrome扩展，它基本上输出：

type(pin): "@@redux-form/INITIALIZE"
▶meta(pin)
▶payload(pin)
   Amount(pin): 2222

type(pin): "@@redux-form/FOCUS"
▶meta(pin)

type(pin): "@@redux-form/BLUR"
▶meta(pin)
   touch(pin): true
   payload(pin): "2222.00"

---

您需要使用redux表单吗？ 如果您的数据可以保留在组件的上下文中，那么它应该是

这里有一个选项，前提是您不需要处于全局应用程序状态的数据：

import React, { Component } from 'react';
import wrapStateHelpers from 'react-state-helpers';

class Example extends Component {
  render() {
    const { mut, values: { someNumber } } = this.props;
    return (
      <input
        type='number'
        value={someNumber}
        onChange={mut('someNumber', parseInt)} />
    );
  }
}

export default wrapStateHelpers(Example);

import React，{Component}来自'React'；
从“react state helpers”导入wrapStateHelpers；
类示例扩展组件{
render（）{
常量{mut，值：{someNumber}}=this.props；
返回(
);
}
}
导出默认WrapStateHelper（示例）；

这只是提供了一个事件处理程序和包装组件，用于管理组件级状态中的表单状态，然后将该状态作为props中的

值

对象传递给组件

注意传递给

mut

的

parseInt

。输入字段几乎总是返回字符串，

react state helpers

为数据转换提供api（mut的第二个参数可以是任何函数）

---

这里有一个指向项目/文档的链接，如果是这样的话

回想起来，这个案例的答案是显而易见的。我正在使用

normalize

来格式化值，使用

.toFixed（2）

对我来说是未知的，它总是返回一个字符串