使用redux形式发布关于Blur的动作

时间:2017-06-13 18:40:34

标签: reactjs redux redux-form onblur

我有一个输入组件,我与redux形式兼容,如下所示:

const renderInput = ({ input, label, type, meta: { touched, error } }) => (
  <div className="input-row">
    <div>
      <input
        {...input}
        className="form-control input-box__input"
        type={type}
        placeholder={label}
        autoComplete="off"
        onBlur={input.onBlur}
      />
      {touched && error &&
      <span className="error">
        <FormattedMessage
          id={`${error}`}
          defaultMessage={`_${error}_`}
          description={`the message for the ${error}`}
        />
      </span>}
    </div>
  </div>
);

我这样使用它:

<Field
              name="username"
              type="text"
              component={renderInput}
              onBlur={value => usernameClickHandler(value)}
            />

当我离开战场时,行动从未被派遣过。 我错过了什么?

行动正在这里发送:

const mapDispatchToProps = dispatch => (
  {
    submitSecondRegister: (secondRegisterData) => {
      dispatch(secondRegister(secondRegisterData));
    },
    usernameClickHandler: (name) => {
      dispatch(userNameExistence(name));
    }
  }
);

我所看到的是,行动永远不会被派遣。我认为我的onBlur无法正常工作

0 个答案:

没有答案