Question

我有一个使用Picker中的'react-native'的组件，并且在道具中，我收到布尔值showDefaultPickerItem来显示或隐藏Picker.Item。问题是这种方式行不通，我收到错误

null不是评估子道具的对象

确定list的长度大于1。

function PickerComponent(props){
  const { selectedValue, onValueChange, list, label, valuekey, showDefaultPickerItem } = props;
  return (
    <Picker
      selectedValue={selectedValue}
      onValueChange={(value) => onValueChange(value)}
    >
      {showDefaultPickerItem &&
        <Picker.Item label={"Select"} value={undefined} color ={gray}/>    
      }
      {list.map(l => {
          return <Picker.Item key={l[valuekey]} label={l[label]} value={l[valuekey]} />
        })
      }
    </Picker>              
  )
}

Answer 1

我认为这段代码对您有所帮助。

[6] pry(#<WcagElementsController>)> Project.where(wcag_version: 2.1).to_sql
=> "SELECT `projects`.* FROM `projects` WHERE `projects`.`wcag_version` = 2.1 ORDER BY `projects`.`name` ASC"

值为true时显示Picker项目React Native

1 个答案: