时间戳

首页 > 解决方案 > react-form-validator-core ref="form" 的目的是什么

reactjs - react-form-validator-core ref="form" 的目的是什么

问题描述

这是取自react-form-validator-core 的示例代码。线路的目的是什么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>
    );
}

标签： reactjsvalidation

解决方案

它用于引用ValidatorForm自身，允许您使用诸如isFormValid.

如果您希望将它与反应钩子一起使用（这就是我使用它的方式），您可以使用useRef钩子来实现。

例子：

const formRef = useRef(null);
...
<ValidatorForm ref={formRef}>

推荐阅读