1

我有以下反应选择组件

<Select
          options={ fields }
          getOptionLabel={ val => ( isSorted ? activeSortObject.field.name : val.name ) }
          getOptionValue={ val => ( isSorted ? activeSortObject.field.id : val.id ) 
        />

这里的字段作为一个对象返回，看起来像

name: "Progress"
id: "progress-column-uuid"
editable: true
hidden: false
data_type: "boolean"

这就是为什么我使用 getOptionLabel 和 getOptionValue 而不是 select 的 value 属性。现在我收到一个名为 activeSortObject 的道具，它具有以下对象

{ field: 
  {
    name: "Progress"
    id: "progress-column-uuid"
   editable: true    
   hidden: false
   data_type: "boolean"
  }, 
order: {"Ascending"}, 
isSorted: true
}

我需要通过 activeSort 名称和 id 对象预填充选择标签。我可以使用 select 中的 value 道具来做到这一点，但由于这不是 {label, value} 的形式，而且我负担不起这样的处理，有人可以建议我如何在这里预填充它。我想在 activeSort 中预填充带有 name 属性的选择标签，并且仍然可以从下拉列表中进行选择。

4

0 回答 0