如何保留反应选择组件的值

时间:2020-04-13 18:59:57

标签: javascript reactjs react-select react-select-plus

我有一个数据,其存储格式为

{名称:“电子邮件” uuid:“ ca980e72-d0d1-460e-8d53-d60edadb27a6” 可编辑:false 隐藏:假 固定:假 data_type:“文字” 显示:真实 isSelected:true id:“ ca980e72-d0d1-460e-8d53-d60edadb27a6” 标签:“电子邮件”}

因为它不是我用过的{label,value}形式

getOptionLabel={ val => val.name }
getOptionValue={ val => val.id }

这是我的组件现在的样子:

Here option is a state value of type string

<Select
          options={ fields }
          value={ activeSortObject.column.name === '' ? '' : option }
          getOptionLabel={ val => val.name }
          getOptionValue={ val => val.id }
          searchable
          placeholder={ trans( 'Find an option' ) }
          onChange={ this.fieldSelectorChange }
        />

我也想在重新加载时保留选定值的值。虽然是第一次保存,但是在重新加载时我看到了占位符。我通过与redux连接来传递option和activeSortObject的值。如何用获取的数据预填充值。目前,选项的类型为字符串

0 个答案:

没有答案
相关问题