Question

这是我的选择标签的代码：

let defaultValue = _.find(item.value,{InsCoverageID:item.defaultValue});

<Select
  options={item.value.map(obj=>({label:obj.Coverage,value:obj.InsCoverageID}))}
  value={{value:defaultValue.InsCoverageID,label:defaultValue.Coverage}}
  name={item.name}
  onChange={(e)=>_onChangeGlobal({name:item.name,value:e.value,event:e.label})}
  required={item.required}
  disabled={item.disable}
/>

在此属性value必须根据条件进行分配，即

如果defaultValue有价值，那么value={{value:defaultValue.InsCoverageID,label:defaultValue.Coverage}}
如果defaultValue中没有值，则value={item.value.map(obj=>({label:obj.Coverage,value:obj.InsCoverageID}))}

如何对select标记的value属性实现这两个条件？

Answer 1

请在其他情况下使用

let defaultValue = _.find(item.value,{InsCoverageID:item.defaultValue});

<Select
  options={item.value.map(obj=>({label:obj.Coverage,value:obj.InsCoverageID}))}
  value={defaultValue?{value:defaultValue.InsCoverageID,label:defaultValue.Coverage}
  :item.value.map(obj=>({label:obj.Coverage,value:obj.InsCoverageID}))
  }
  name={item.name}
  onChange={(e)=>_onChangeGlobal({name:item.name,value:e.value,event:e.label})}
  required={item.required}
  disabled={item.disable}
/>

在React js中将值关联到Select标签的value属性

1 个答案: