Javascript 如何在rsuitejs选择器选择器上设置值 const\u数据=[{ 代码：“代码1”， 姓名：“贾格尔” },{ 代码：‘代码2’， 名字：“跳跳虎” },{ 代码：‘代码3’， 名字：“狮子” }] {return{label:x.name，value:x.code}}} 样式={{宽度：224} defaultValue={u数据[1]。标签} />

如何设置

code1

的值例如，我有一个表单，打开表单/抽屉时，它将设置

code1

。因为我有一个列表，然后我有编辑按钮。当我尝试选择作为

code1

的数据时，它会自动显示。但就我而言，它不起作用。

您不必映射数据。选择器支持传递valueKey和labelKey。 您可以将代码值传递给选择器选择器

const _DATA = [{
  code: 'code1',
  name: 'Jagger'
},{
  code: 'code2',
  name: 'Tigger'
},{
  code: 'code3',
  name: 'Lion'
}]

 <SelectPicker
      data={_DATA.map(x => {return {label: x.name, value: x.code} })}
      style={{ width: 224 }}
      defaultValue={_DATA[1].label}
    />

const\u数据=[{
代码：“代码1”，
姓名：“贾格尔”
},{
代码：‘代码2’，
名字：“跳跳虎”
},{
代码：‘代码3’，
名字：“狮子”
}]

code是未定义的，我尝试过这样做，但它也不起作用

defaultValue={！[null，未定义].includes（control.getValues（）['code']]）？control.getValues（）['building']['name']：control.getValues（）['code']}

你的意思是

\u DATA[0]。code

是未定义的？是的，但当我试图控制台_DATA[0]时它起作用。但是，当我尝试使用['code']控制台时，它的未定义是control.getValues（）？

const _DATA = [{
  code: 'code1',
  name: 'Jagger'
},{
  code: 'code2',
  name: 'Tigger'
},{
  code: 'code3',
  name: 'Lion'
}]

 <SelectPicker
      data={_DATA}
      valueKey="code"
      labelKey="name"
      style={{ width: 224 }}
      defaultValue={_DATA[0].code}
    />