在 react native 中将 API 数据加载到 Picker（使用函数组件）

Question

我想在 Picker 中显示年份数据。我收到错误为“未定义”。 这是我到目前为止所做的代码。 .

const ShowAtt = (props) => {
  const [year, setYear] =  useState([]);

const yearApi = ()=>{
    fetch('url')
    .then(res=>res.json())
    .then(result=>{
        setYear(result.data);
        console.log(result.data);
        
    }).catch(err=>{
       
    })
}
<Picker style={{borderBottomColor:"black"}}
                    selectedValue={year}
                    onValueChange={newvSuburb => setYear(newvSuburb)} >
        
                    {year.map((item, key)=>(
                        <Picker.Item style={styles.input} 
                        label = {'${item.year}'} 
                        value = {'${item.year}'}
                        key={key} />)
                    )}
            
        </Picker>

这是作为响应获得的数据

{
    "data": [
        {
            "year": 2020
        },
        {
            "year": 2021
        },

    ]
}
       
Error obtained is: Undefined is not a function(near '..year.. map .. .')

Answer 1

对象 {newvSuburb} 你是如何在 top 中定义的？

const ShowAtt = (props) => {
  const [year, setYear] =  useState([]);

const yearApi = ()=>{
    fetch('http://192.168.43.114:8000/api/years/')
    .then(res=>res.json())
    .then(result=>{
       // setYear(result.data);
  /* newvSuburb data here
*/
        console.log(result.data);
        
    }).catch(err=>{
       
    })
}
<Picker style={{borderBottomColor:"black"}}
                    selectedValue={year}
                    onValueChange={newvSuburb => setYear(newvSuburb)} >
        
                    {newvSuburb && newvSuburb.map((item, key)=>(
                        <Picker.Item style={styles.input} 
                        label = {'${item.year}'} 
                        value = {'${item.year}'}
                        key={key} />)
                    )}
            
        </Picker>