小编Moh*_*cko的帖子

函数组件不能被指定引用。在选择组件中尝试访问此引用将失败

这里我定义了一个选择组件,我想在条件成立时显示它。当选择前一个选择输入的值 \xe2\x80\x8b\xe2\x80\x8b 之一时,会出现此选择字段。但这里是当新的选择字段(即我的选择组件),并且我从此选择中选择一个值时,该值不是由我的表单提交的,并且当我在提交表单后执行控制台日志时,该值不存在于我的数据中,但是值字段的名称存在,但没有值。我的控制台中有一条警告,指出:\n警告:无法为函数组件提供引用。尝试访问此引用将失败。您的意思是使用 React.forwardRef() 吗?

\n

检查渲染方法Controller

\n

我的选择组件

\n
export const SelectCompanyField = () => {\n    // const [page, setPage] = useState(1);\n    // const [perPage, setPerPage] = useState(10);\n    const { data, error } = useSWR<ServerResponse, any>(companyUrls.base, url => getDataByParams(companyUrls.base));\n    console.log("Data", data, "Error", error);\n    console.log(data?.entities);\n\n\n    return (\n\n        <Select\n\n            showSearch\n            placeholder="Choisir une compagnie"\n            optionFilterProp="children"\n            filterOption={(input, option: any) =>\n                option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\n            }\n        >\n            {data?.entities.map(d => (\n                <option value={d.index} key={d.id}  >\n                    {d.name}\n                </option>\n            ))}\n\n        </Select>\n\n\n    );\n};\n
Run Code Online (Sandbox Code Playgroud)\n

条件为真时显示的选择组件

\n
<Col …
Run Code Online (Sandbox Code Playgroud)

ref reactjs react-hook-form

6
推荐指数
1
解决办法
4万
查看次数

标签 统计

react-hook-form ×1

reactjs ×1

ref ×1