根据道具设置反应选择选项的格式

Question

我有一个组件Process。道具之一是referenceLists。

referenceLists = [
  {
    name: "Reference List 1",
    description: "First reference list",
    uid: "l9Pbo93e8zLq77qogsSq"
  },
  {
    name: "Reference List 2",
    description: "Second reference list",
    uid: "7qPbo93e8zLq7ogsSql9"
  },
]

我在CreatableSelect中有一个Process，它带有以下选项：

const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' }
]

我不确定将我的referenceLists道具转换到CreatableSelect选项的位置和方式。

如果执行以下操作，则记录的数组为空：

componentDidMount() {
  let referenceLists = this.props.referenceLists.map( referenceList => (
    {
      value: referenceList.uid,
      label: referenceList.name
    }
   ));
  console.log(referenceLists);
}

此外，我不确定在类中将新数组存储在何处，以便可以在CreatableSelect组件中访问该变量。我应该将其存储为状态吗？在哪里设置状态？