Как видно из названия, id нравится отключать проверку при вызове submit.Это возможно ?Или я могу получить доступ к значениям полей в функциях, например, с помощью реквизита?
Обновление это компонент, о котором идет речь
хочу, чтобы мне было нужно, обрабатывать отправку не надоснова выполнить проверку, и этот submitRegister вызывается немедленно
class RegisterPage extends Component {
submitRegister = values => {
this.props.register(values.username, values.password);
};
render() {
let formInvalid = this.props.invalid;
let { fetchState, submitting } = this.props;
return (
<AuthWrapper>
<RegisterForm
onSubmit={this.props.handleSubmit(this.submitRegister)}
>
<PageLabel>Register</PageLabel>
<Field
name="username"
type="text"
component={this.renderInputField}
label="Username"
gridArea="Username"
/>
<Field
name="password"
type="password"
component={this.renderInputField}
label="Password"
gridArea="Password"
/>
<Field
name="passwordRepeat"
type="password"
component={this.renderInputField}
label="Repeat Password"
gridArea="PasswordRepeat"
/>
<RegisterButton
type="submit"
disabled={formInvalid || submitting}
>
{fetchState.loading &&
(fetchState.fetchType === fetchTypes.register ||
fetchState.fetchType === fetchTypes.login) ? (
<GridLoader
size={10}
sizeUnit={'px'}
css={'margin: auto;'}
color={'white'}
/>
) : (
'Register'
)}
</RegisterButton>
</RegisterForm>
</AuthWrapper>
);
}
}
RegisterPage.propTypes = {
register: PropTypes.func.isRequired
};
const mapStateToProps = ({ fetch }) => ({
fetchState: fetch
});
const mapDispatchToProps = {
register
};
export default connect(
mapStateToProps,
mapDispatchToProps
)(
reduxForm({
form: 'registerForm',
validate,
asyncValidate: checkUsername,
asyncChangeFields: ['username']
})(RegisterPage)
);