在请求一个locale API之后，我必须获取响应数据并将其放入select中。为了确定请求是否正确，我创建了console.log（DATA STATE）并得到以下返回：

DATA STATE 
{data: Array(27), status: 200, statusText: "OK", headers: AxiosHeaders, config: Object…}
data: Array(27)
0: Object
id: 12
sigla: "AC"
nome: "Acre"
regiao: Object
1: Object
2: Object
3: Object
4: Object
5: Object
6: Object
7: Object
8: Object
9: Object
10: Object
11: Object
12: Object
13: Object
14: Object
15: Object
16: Object
17: Object
18: Object
19: Object
20: Object
21: Object
22: Object
23: Object
24: Object
25: Object
26: Object
status: 200
statusText: "OK"
headers: AxiosHeaders
config: Object
request: XMLHttpRequest

我尝试在SelectState组件中Map状态选择（states-〉index.js），但是没有返回任何信息。（data.nome）中的值（states-〉index.js）州的城市出现在SelectCity组件的select中（city-〉index.js），选择城市后，在InformationCity组件（informationCity-〉index.js）中以微区、中区的形式显示所选城市的信息。

• 注意：在getInformationCity（informationCitySlice.js）中，UF参数必须传递到端点https://servicodados.ibge.gov.br/api/v1/localidades/estados/{UF}/municipios *
  代码状态Slice.js

import React, { useState, useEffect } from "react";
import { FormControl, InputLabel, MenuItem, Select } from "@mui/material";
import { useDispatch, useSelector } from "react-redux";
import { getStates } from "../states/statesSlice";

export const SelectState = () => {
  const dispatch = useDispatch();
  const states = useSelector((state) => state.states.dataState);
  const [stateSelected, setStateSelected] = useState("");

  useEffect(() => {
    dispatch(getStates());
  }, [dispatch]);

  const handleChange = (event) => {
    dispatch(setStateSelected(event.target.value));
  };

  return (
    <FormControl sx={{ m: 1, minWidth: 120 }} size="small">
      <InputLabel id="demo-select-small">State</InputLabel>
      <Select
        labelId="demo-select-small"
        id="demo-select-small"
        value={stateSelected}
        label="estados"
        onChange={handleChange}
      >
        <MenuItem disabled>Select a state</MenuItem>
        {states.length > 0 &&
          states.map((item) => (
            <MenuItem key={item.id} value={item.sigla}>
              {item.nome}
            </MenuItem>
          ))}
      </Select>
    </FormControl>
  );
};

Follow the code link in codesandbox
我是Redux的新手，我已经在index.js中创建了store.js、slices和provider。