在下拉列表中显示预选数据

【问题标题】：Display the preselected data in the dropdownlist在下拉列表中显示预选数据
【发布时间】：2021-05-20 16:56:21
【问题描述】：

目标：
当基于选定行出现模式时，下拉列表中将显示带有预选数据的选定下拉列表，从月份开始，基于用户月份的数据。
例如，Josef 的数据“月”值为 2，在下拉列表中出现的第一个数据是“Feb”

问题：
为了实现目标，需要对源代码进行哪些更改？

Stackblitz:
https://stackblitz.com/edit/react-sihvnq?file=src/index.js

信息：
*我是 Reactjs 的新手

【问题讨论】：

我尝试在 Stackblitz 上运行您的代码。当我单击Open Modal 时，它会引发一个错误，即未定义选择。可能你还没有在 index.js 中导入 Select 组件

标签： javascript reactjs

【解决方案1】：

您没有为您的选择设置值。
我猜你正在使用组件react-select。

因此，当您将选择更改为此代码时，一切都应该按预期工作：

          <Select
            defaultValue={options.filter(option => option.value === openItem.startMonth)}
            name="startMonth"
            options={options}
          />

当您希望更新您的状态时，您需要将 defaultValue 替换为 value 并将 onChange 函数传递给您的 Select-Component。

这是一个工作示例： https://stackblitz.com/edit/react-pq1mnu?file=src/index.js

【讨论】：