redux-form - 标准化 redux-form 字段值 onBlur

Question

如何标准化 的值redux-form 场当 onBlur 被触发。我尝试了以下方法，但似乎不起作用:

const normalizeAmount = (node) => {
  const newValue = node.target.value;

  return `--${newValue}--`;
};

render() {
    const { handleSubmit, pristine, invalid, submitting, error, blur } = this.props;

return (
      <form onSubmit={handleSubmit(submit)}>
        <div name="form-container">
          <Field
            name="foo"
            component={CustomInput}
            onBlur={blurValue => blur(normalizeValue(blurValue))}
          /> 
          ...
);

Answer 1

通过将 onBlur 移至 解决了此问题自定义输入 组件，我在其中添加

return (
   <div>
    <input
      ...
      onBlur={value => props.input.onBlur(normalizeValue(value))}
    />
   </div>
);

在表单组件中，该字段将只有:

<Field
   name="foo"
   component={CustomInput}
/>