onChange 和 onBlur 在 redux-form 字段中不起作用
onChange and onBlur not working in redux-form field
onChange 和 onBlur 在 redux-form 字段中不起作用。如何解决这个问题
class UsersComponent extends PureComponent {
render() {
return (<div>
<form action="submit" onSubmit={handleSubmit(this.submitForm)}>
<Field
type="text"
name="mobile"
hintText="Enter mobile number*"
component={reduxPhoneNumber}
validate={required}
disabled={isSubmitting}
fullWidth
autoFocus
onChange={this.onChange.bind(this)}
/>
</form>
</div>)
}
}
将 redux-form
reducer 添加到您的 combineReducers
:
import { reducer as reduxFormReducer } from 'redux-form';
const rootReducer = combineReducers({
form: reduxFormReducer,
});
onChange 和 onBlur 在 redux-form 字段中不起作用。如何解决这个问题
class UsersComponent extends PureComponent {
render() {
return (<div>
<form action="submit" onSubmit={handleSubmit(this.submitForm)}>
<Field
type="text"
name="mobile"
hintText="Enter mobile number*"
component={reduxPhoneNumber}
validate={required}
disabled={isSubmitting}
fullWidth
autoFocus
onChange={this.onChange.bind(this)}
/>
</form>
</div>)
}
}
将 redux-form
reducer 添加到您的 combineReducers
:
import { reducer as reduxFormReducer } from 'redux-form';
const rootReducer = combineReducers({
form: reduxFormReducer,
});