规范化LTl上的redux-form字段值

Question

当触发onBlur时,如何规范化redux-form字段的值.我试过以下,但似乎没有用:

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移动到我添加的CustomInput组件来解决这个问题

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

在表单组件中,字段将只包含:

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