Javascript React本机选择器Android动态填充返回:无法读取属性';价值';未定义的

Javascript React本机选择器Android动态填充返回:无法读取属性';价值';未定义的,javascript,android,react-native,undefined,picker,Javascript,Android,React Native,Undefined,Picker,我试图用异步存储带来的数据填充React Native的Picker组件。代码如下: 在componentWillMount中加载数据: StorageManager.get('clients').then( (clients) => { this.setState({ clientsData: clients }); }); 渲染器方法: let clientList = this.state.clientsData.map((client) => { cons

我试图用异步存储带来的数据填充React Native的Picker组件。代码如下:

  • 在componentWillMount中加载数据:

    StorageManager.get('clients').then( (clients) => {
        this.setState({ clientsData: clients });
    });
    
  • 渲染器方法:

    let clientList = this.state.clientsData.map((client) => {
        const label = client.name;
        const value = client.company;
        return <Picker.Item label={label} value={value} />;
    });
    
    return (
       <Picker
          // Redux managed
          selectedValue={this.props.clientId}
          onValueChange={(itemValue) =>  
          // Redux managed
          this.props.invoiceFieldChanged({prop: 'clientId', value: itemValue}) }
       >
           <Picker.Item label="Select a client" value={0}/>
           {clientList}
    
       </Picker>); 
    
    let clientList=this.state.clientsData.map((客户端)=>{
    const label=client.name;
    const value=client.company;
    返回;
    });
    返回(
    //Redux管理
    this.props.invoiceFieldChanged({prop:'clientId',value:itemValue})
    >
    {clientList}
    ); 
    
  • 当选择硬编码选项(如“选择客户端”)时,行为与预期一致,但当我尝试获取任何其他选项时,会出现以下错误:


    有什么想法吗?

    发现了问题!似乎您不能硬编码一个项目,然后使用地图。因此,解决方案是对数据进行预处理并给出单个数组