我有一个输入组件,我与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无法正常工作