动态选择器获取数据

Question

我在尝试使用动态选择器时遇到了一些问题。

首先我正在获取一些数据，此时一切正常，问题是我何时想使用该数据，因为在选择器中说：

TypeError: undefined is not an object (evalating 'items.map')

我能做什么？

const [items, setItems] = React.useState();
const [data, setData] = React.useState();

React.useEffect(() => {     
    function getCharacters() {
        fetch('https://jsonplaceholder.typicode.com/users')
        .then(response => response.json())
        .then(async(data) => {
            const mapArray = data.map(({ name, email }) => ({ label: name, value: email }));
            setItems(mapArray);
            console.log('Done');
        })
    }
    getCharacters();
},[]);

这是我的选择器

<Picker
    selectedValue={data}
    onValueChange={item => setData(item)}
>
    {items.map((item,index)=> {
        return(
            <Picker.Item 
                key={index} 
                label = {item.label} 
                value = {item.email} 
            />
        )}
    )
}

Answer 1

初始设置默认值

const [items, setItems] = React.useState([]);