在React-select分组选项上获取父值

Question

我将react-select与分组选项一起使用，它们按如下方式分组：

{
  label: PARENT_NAME,
  value: PARENT_ID,
  options: [
    {
      label: CHILD_NAME,
      value: CHILD_ID,
    }
  ]
}

我有一个带有这些选项的数组，我将其像这样传递给组件：

<Select
  options={ARR_OF_OPTIONS}
  onChange={this.handleChange("name")}
/>

我的handleChange函数是这样的：

handleChange = name => selectedOption => {
  const value = selectedOption.value
  this.setState({ [name]: value, })
}

我的问题是：选择子选项时是否可以获取PARENT_ID？

希望我能说清楚。

提前感谢

Answer 1

const selectedParent = ARR_OF_OPTIONS
  .find((group) => group.options.find(({ value }) => value === selectedOption.value));

const { value } = selectedParent;  // this gives you the parent id