onSubmit не работает (response-material-ui-form-validator)

Question

Когда я добавляю компонент ValidatorForm (react-material-ui-form-validator), я могу вводить данные на входе, но когда я ввожу данные и отправляю, но состояние и другие свойства не обновляются,

I проверил консоль, onSubmit не работает

<ValidatorForm ref="form"
                onSubmit={() => console.log('this is submit')}> 
<ValidatorForm ref="form"
                onSubmit={this.addNewColor}> 

оба кода не работают ...

как я могу исправить код? Возникла проблема с ValidatorForm? или мой код неверный?

Answer 1

Сначала попробуйте event.preventDefault () в вашем дескрипторе submit или Вы также можете вызвать дескриптор submit при нажатии кнопки «submit».

handleSubmit = (event) => {
    event.preventDefault();
    //state changing logic here

}

render() {
    const { email } = this.state;
    return (
        <ValidatorForm
            ref="form"
            onError={errors => console.log(errors)}
        >
            <TextValidator
                label="Email"
                onChange={this.handleChange}
                name="email"
                value={email}
                validators={['required', 'isEmail']}
                errorMessages={['this field is required', 'email is not valid']}
            />
            <Button type="submit" onClick={this.handleSubmit}>Submit</Button>
        </ValidatorForm>
    );
}