我用React来创造一个世界。然后，我使用redux将世界保存为全局状态，以便将一个国家添加到世界上。然后，我使用该国家数据在国家对象内部创建一个城市。我遇到的问题是，我得到一个错误时，试图添加一个城市后，立即创建一个国家。这个国家在redux devtools中出现了。如果我重新加载页面，我可以创建一个城市分配给该国家没有问题。
Redux切片

addCityToCreatedWorld: (state, action) => {
  const { countryPk, newCity } = action.payload;
  const countryIndex = state.createdWorld.countries.findIndex(
    (country) => country.pk === countryPk
  );
  if (countryIndex >= 0) {
    state.createdWorld.countries[countryIndex].cities.push(newCity);
  }

React组件

const handleCitySubmit = async (event) => {
  event.preventDefault();

  const data = {};
  data.name = cityName;
  data.picture = cityPicture;
  data.description = cityDescription;
  data.country = countryData.pk;

  let cityUrl = `${process.env.REACT_APP_API_HOST}/api/cities`;
  let cityFetchConfig = {
    method: "post",
    body: JSON.stringify(data),
    headers: {
      "Content-Type": "application/json",
    },
  };

  const response = await fetch(cityUrl, cityFetchConfig);
  if (response.ok) {
    const createdCity = await response.json();
    dispatch(
      addCityToCreatedWorld({
        countryPk: countryData.pk,
        newCity: createdCity,
      })
    );
    setSubmitted(true);
  } else {
    console.error(response);
  }

我在控制台记录了传入切片的数据。我已经在控制台记录了切片中的数据，并检查了redux开发工具。