реакция-форма-валидатор-ядро, что является целью ref = "form" - PullRequest
0 голосов
/ 05 июля 2019

Это пример кода, взятого из реактив-форма-валидатор-ядро .Какова цель линии ref="form"?

...
import { ValidatorForm } from 'react-form-validator-core';
...
render() {
    return (
        <ValidatorForm
            ref="form"
            onSubmit={this.handleSubmit}
        >
            <TextValidator
                onChange={this.handleChange}
                name="email"
                value={email}
                validators={['required', 'isEmail']}
                errorMessages={['this field is required', 'email is not valid']}
            />
            <button type="submit">submit</button>
        </ValidatorForm>
    );
}

1 Ответ

0 голосов
/ 06 июля 2019

Используется для ссылки на сам ValidatorForm, что позволяет вам использовать такие функции, как isFormValid.

Если вы хотите использовать его с реагирующими хуками (вот как я его использую)), вы можете сделать это, используя useRef hook.

Пример:

const formRef = useRef(null);
...
<ValidatorForm ref={formRef}>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...