反应选择中的自定义div

Question

我是新来的人。我已经使用react-select来显示下拉列表。它工作得很好。这是我为react-select做的：

<Select {...props}
          autoFocus={true}
          clearable={true}
          closeOnSelect={true}
          maxMenuHeight={300}
          escapeClearsValue={true}
          onBlurResetsInput={false} />
const props = {
  className: 'search-combobox',
  placeholder: 'Select value',
  onChange: some_method_call,
  onSelect: some_method_call,
  options: some_option_object,
  filterOptions: some_method_call,
  onInputChange: some_method_call,
  valueKey: 'id'
};

以上代码段提供了一些下拉列表。

如果我键入一些内容（例如美国），我将在下拉列表中得到一些列表（下拉列表必须说出6/7值，例如-美国的学生，学生的列表，...）< / p>

因此，在每个第一个下拉列表下方（即美国的学生），我想显示一些建议/过滤器块，例如，如果我键入美国，那么我将得到类似“ US”的一些建议/过滤器块：国家，价值：美国，类型：学生，价值：美国。

那么如何使用react-select实现呢？

我的建议/筛选数据是：

[
  {
    "type": "country",
    "value": "USA",
    "wordCount": 1,
    "value_match": true
  },
  {
    "type": "country",
    "value": "Sweden",
    "wordCount": 1,
    "value_match": false
  },
  {
    "type": "student",
    "value": "Usain",
    "wordCount": 1,
    "value_match": true
  }]

我要附加一个框架，如果我键入一个列表，便可以获取句子列表（使用react-select Select标签），但是如何使用上面的JSON数组获取该国家/地区的主体ID？