使用特定属性数组反应本机更新 State

Question

我有一个库，它接受一种如下所示的数据：

const = items={[
    {label: 'USA', value: 'usa'},
    {label: 'UK', value: 'uk' },
    {label: 'France', value: 'france'}, 
]}

我也有数据返回给我类似的数据但具有不同的属性：

"data": [
    {
        "ID": "USA",
        "NAME": "usa"
    },
    {
        "ID": "UK",
        "NAME": "uk"
    },
    {
        "ID": "France",
        "NAME": "france"
    },

当我想将它设置为items示例的类型时，我不太明白如何在这种情况下使用 state。 我尝试过这样的事情：

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

useEffect(() => {
    if (!isLoading) {
        const formattedData = apiData.map((item) => ({
            label: item.NAME,
            value: item.ID,
        }));
        setItems(formattedData);
    }
}, [apiData]);

我的items是空的。 我做错了什么？

Answer 1

像这样使用 map function

useEffect(() => {
    if (!isLoading) {
        const formattedData = apiData.map((item) => ({
            label: item.NAME,
            value: item.ID,
        }));
        setItems(formattedData);
    }
}, [apiData]);