reactjs 如何用一个钩子useWatch获取多个字段的所有值?

xmjla07d  于 2023-02-03  发布在  React
关注(0)|答案(1)|浏览(468)

你好,我用的是antd v5,我想用一个钩子useWatch获取多个字段的所有值。
例如,我需要转换以下代码:

import {Form, Input} from 'antd';

    const Test = () => {
        const firstName = Form.useWatch('fist_name');
    
        const lastName = Form.useWatch('last_name');
    
        return (
            <Form>
                <Form.Item name="fist_name">
                    <Input />
                </Form.Item>
    
                <Form.Item name="last_name">
                    <Input />
                </Form.Item>
            </Form>
        );
    };

修改为以下代码(对象firstAndLastNames包含所有字段“fist_name”和“last_name”的值):

import {Form, Input} from 'antd';

const Test = () => {
    const firstAndLastNames = Form.useWatch(['fist_name', 'last_name']);

    return (
        <Form>
            <Form.Item name="fist_name">
                <Input />
            </Form.Item>

            <Form.Item name="last_name">
                <Input />
            </Form.Item>
        </Form>
    );
};

但是我不知道怎么做,请帮帮我

3pmvbmvn

3pmvbmvn1#

我对此问题的解决方案是在依赖项useWatch([], form)中传递空数组

相关问题