Javascript 从React Select组件获取选定值的最佳方法是什么？

我正在使用react select创建选项下拉列表。我想访问下拉列表上的标签，但也要访问与数据关联的值。例如：

import Select from 'react-select'


let options = [
 {
 label: Small,
 change: -3
 },
 {
 label: Medium,
 change: 0
 }
]

<Select id={"options"} defaultValue={options[0]} options={options} />

let selectedChange = // How can I access the change property?
let selectedLabel = document.querySelector(`#options`).textContent // This is how I have been getting the proper label

<button onClick={console.log(selectedChange, selectedLabel)}></button>

我想通过将选项更改值添加到默认价格来更改项目的显示成本，但我只想在选择中显示标签。

React select onChange道具采用一种方法，并接收所选项目以及正在执行的操作：

作用 其中之一< 对象 大堆 无效的 未定义 >, { 所需的行动包括：< 选择选项， 取消选择选项， 删除值， 流行价值， 设定值， 清楚的 创建选项 > } =>未定义

---

作为开发人员，您可以选择如何处理此方法返回的对象。例如，您可以检查此项。

哦，我看到它内置在onChange中，非常感谢。在测试中，我看到它返回了与输入数据关联的所有值，因此它返回了label、value和change。选择一个选项后，Select的onChange将返回所选对象，即{label，value，etc}。