javascript - React Native Material 下拉菜单传递api数据

Question

react native Material 下拉传递 API 数据我有数据列表用户类型数组。我正在尝试在下拉列表中呈现 userTypes 数组数据 userName。

constructor(){
    super()
    this.state ={
      bookingLists:[],


      userTypes: [{userType: 'admin', userName: 'Admin User'}, {userType: 'employee', userName: 'Employee User'}, {userType: 'dev', userName: 'Developer User'}]
    }
  }

我只是想知道如何在下拉数据字段中呈现用户名

<View style={{ width: 200, marginTop: -15, justifyContent: 'flex-start',}}>
  <Dropdown
    label=''
    value="Pure Austin Fitness"
    data={this.state.userTypes.userName}
    baseColor="#fff"
    textColor="#fff"
    itemColor="#000"
    selectedItemColor="#000"
    fontSize={18}
    dropdownPosition={0}
  />
</View>

Answer 1

我认为下拉列表中的数据 Prop 需要一个 js 数组作为它的值。您给出了一个 undefined object 作为它的值。即 data={this.state.userTypes.userName} 。您可能应该这样做 data={this.state.userTypes} 。另外，我认为该库要求数据格式为 { value: 'admin', label: 'Admin user' },