使用 React native Picker 显示获取的数组

Question

我正在使用 fetch 获取数组数据，并将它们推送到一个数组中，这样我就可以将它们显示为我的 React 本机选择器项目，这是我的代码：

state = {
    selectedValue: '',
    data : []
   
  };
 componentDidMount() {
    
    return fetch('****url')
        .then((response) => response.json())
        .then((res) => {
            let da = [];
            var count = Object.keys(res.proches).length;
            for(var i=0;i<count;i++){
              da.push(res.proches[i][0].nom ); 
            }
            
            
            this.setState({
              data:da
            })
            
            
        })
        .done();
  }
 render() {
    console.log("!!!!!!!!!")
    console.log(this.state.data);
    return (
        <Picker
           selectedValue={this.state.selectedValue}
           onValueChange={() =>{}} >
           { this.state.data.map((item, index)=>
             <Picker.Item label={item} value={index} key={index}/>
           )}
         </Picker>

这就是 console.log(this.state.data) 显示的内容：

但是我的选择器没有显示任何东西，也没有打开，我做错了什么？感谢您的回复

Answer 1

我认为这是样式问题。试着给他风格：

<Picker 
    selectedValue={this.state.selectedValue}
    style={{ height: 50, width: 100 }}
    onValueChange={(itemValue, itemIndex) => setSelectedValue(itemValue)}
>
    { 
        this.state.data.map((item, index) => <Picker.Item label={item} value={index} key={index} />)
    }
</Picker>

使用 React native Picker 显示获取的数组

Using React native Picker to display fetched array

picker

react-native