这里我定义了一个选择组件,我想在条件成立时显示它。当选择前一个选择输入的值 \xe2\x80\x8b\xe2\x80\x8b 之一时,会出现此选择字段。但这里是当新的选择字段(即我的选择组件),并且我从此选择中选择一个值时,该值不是由我的表单提交的,并且当我在提交表单后执行控制台日志时,该值不存在于我的数据中,但是值字段的名称存在,但没有值。我的控制台中有一条警告,指出:\n警告:无法为函数组件提供引用。尝试访问此引用将失败。您的意思是使用 React.forwardRef() 吗?
\n检查渲染方法Controller
我的选择组件
\nexport 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};\nRun Code Online (Sandbox Code Playgroud)\n条件为真时显示的选择组件
\n<Col …Run Code Online (Sandbox Code Playgroud)