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

Javascript 在下拉列表中显示预选数据,javascript,reactjs,Javascript,Reactjs,目标: 当模式基于所选行显示时,下拉列表中将显示所选下拉列表,其中包含预选的数据,从月份开始,基于用户关于月份的数据。 例如,Josef的数据'bout month'的值为2,在dropdownlist中出现的第一个数据是'Feb' 问题: 为了实现这个目标,需要在源代码中修改什么 Stackblitz: 信息: *我是Reactjs的新手您没有为您的选择设置值。 我猜您正在使用组件react select 因此,当您将select更改为此代码时,一切都应正常工作: <

目标:
当模式基于所选行显示时,下拉列表中将显示所选下拉列表,其中包含预选的数据,从月份开始,基于用户关于月份的数据。
例如,Josef的数据'bout month'的值为2,在dropdownlist中出现的第一个数据是'Feb'

问题:
为了实现这个目标,需要在源代码中修改什么

Stackblitz:

信息:

*我是Reactjs的新手

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

因此,当您将select更改为此代码时,一切都应正常工作:

          <Select
            defaultValue={options.filter(option => option.value === openItem.startMonth)}
            name="startMonth"
            options={options}
          />
option.value==openItem.startMonth)}
name=“开始每月”
选项={options}
/>
当您希望更新状态时,需要将
defaultValue
替换为
value
,并将
onChange
函数传递给您的选择组件

以下是一个工作示例:

我试着在Stackblitz上运行你的代码。当我点击
openmodel
时,它抛出一个错误,select未定义。可能您尚未在index.js中导入选择组件