react- QuerySelector中的选择
提问于 2021-05-04 12:02:00
我有一个用ReactJS开发的应用程序，并且我正在使用一个选择组件来获取选项列表。代码如下：
<Select
name="planting_system_id"
id="planting_system_id"
options={plantingSystemsList}
value={plantingSystemsList.find(e => e.label === planting_system_description)}
placeholder="Select..."
isDisabled={apiData ? false : true}
onChange={(event) => this.onChangeInputSelected("planting_system_id", event)}
/>但是，我无法使用通过querySelector读取参数的函数来获取这些值
receiveFormData() {
this.setState({ planting_system_id: document.querySelector("#planting_system_id").value });
}当我单击表单上的submit按钮时，将调用receiveFormData函数，但无法获得planting_system_id的值。
值得一提的是，此表单是为更新数据而呈现的页面的一部分。然后，在加载时，它用数据库中的值更新它的字段。
回答 1
Stack Overflow用户
发布于 2021-05-04 12:04:53
您应该使用refs：https://pl.reactjs.org/docs/hooks-reference.html#useref
const plantingSystemRef = useRef(null);
<Select
ref={plantingSystemRef}
options={plantingSystemsList}
value={plantingSystemsList.find(e => e.label === planting_system_description)}
placeholder="Select..."
isDisabled={apiData ? false : true}
onChange={(event) => this.onChangeInputSelected("planting_system_id", event)}
/>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67384385
复制
![[C语言]函数栈帧的创建和销毁](https://developer.qcloudimg.com/http-save/yehe-10493031/8f4be5075cb3704262400882206b98cb.png)
![[TCP/IP] 数据链路层-ethereal 抓包分析数据帧](https://ask.qcloudimg.com/http-save/yehe-2504969/zr827j7vm3.png)
腾讯云开发者
