因此，我在 Stack 和 Web 上偶然發(fā)現(xiàn)了很多示例，其中從異步獲取調(diào)用訪問深層嵌套對象返回未定義。許多答案都解決了其他文章，從而導致了對象和數(shù)組的訪問方式。其他人聲稱這是異步操作的原因。但我實在無法理解它。這是數(shù)據(jù)：base: "stations"clouds: {all: 1}cod: 200coord: {lon: -81.38, lat: 28.54}dt: 1607561322id: 4167147main: {temp: 51.28, feels_like: 45.97, temp_min: 48.99, temp_max: 53.6, pressure: 1021, …}name: "Orlando"sys: {type: 1, id: 5234, country: "US", sunrise: 1607515628, sunset: 1607552963}timezone: -18000visibility: 10000weather: [{…}]wind: {speed: 4.52, deg: 271}這是代碼，注意 useEffect 回調(diào)中的 setWeatherDatafunction WeatherDisplay(props){  const [weatherData, setWeatherData] = useState({})  useEffect(() => {    fetch(`http://api.openweathermap.org/data/2.5/weather?q=Orlando&units=imperial&appid=3abd9c2df6a249e8abcf4f812de0a627`)    .then(res => res.json())    .then(data => {      setWeatherData({        data,        name: data.name,        main: data.main,        ...data.main      })    })    .catch(err => console.log(err))  }, [])  return(    <>      <Media style={{backgroundColor: "gray", borderRadius: "5px", height: "5.5rem"}}>        <IconContext.Provider value={{size: "5rem", style:{fontWeight: "200"}, className:"align-self-center"}}>          <TiWeatherPartlySunny />        </IconContext.Provider>          {console.log(weatherData)}          {console.log(weatherData.name)}          {console.log(weatherData.main)}          {console.log(weatherData.temp)}      </Media>    </>  )}https://i.stack.imgur.com/8aEj7.png 這就是首先開始的方式，我只是將WeatherData設置為數(shù)據(jù)，因為我可以渲染weatherData.name（奧蘭多），但由于某種原因weatherData.main.temp返回錯誤，因為weatherData.main導致未定義。我四處詢問，他們說這是因為承諾并且它是異步的，所以我必須使用條件等等，但這仍然不能解釋它如何能夠訪問weatherData.name。與weatherData.clouds和.sys相同我繼續(xù)傳播我想要的對象的值，但我可以想到我的解決方法沒有用的簡單情況。我想知道這是否是反應保存深度嵌套對象的值的方式，但我真的不知道。