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

Question

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

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

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

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

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

Answer 1

Сначала попробуйте event.preventDefault() в вашем дескрипторе 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>
    );
}