我想做什么？通過 React Hooks渲染characterInfo到前端。當前嘗試執行此操作的代碼是什么？呈現信息的前端組件：export default function ReactComponent() {  const [characterInfo, setCharacterInfo] = useState([]);  useEffect(() => {    socket.emit("/character/read");    socket.on("/character/read", function (data) {      if (data.status === "SUCCESS") {        setCharacterInfo(data)      }    });    return () => {      socket.off("/character/read");    };  }, []);  return (    <div>      {characterInfo.models[0].name}    </div>  )}后端.json信息作為“數據”以及保存到的characterInfo內容setCharacterInfo：{  status: "SUCCESS"  models: [    {       name: "AC",      element: "Air",    }    {      name: "Irene",      element: "Fire",    }  ]}（所以在這種情況下訪問“AC”，它將是characterInfo.models[0].name）我期望結果是什么？我希望只是AC被渲染。實際結果如何？我會得到這個錯誤：TypeError: Cannot read property '0' of undefined我認為問題可能是什么？我認為它必須處理異步平衡，尤其是useEffect(). 我認為前端會在setCharacterInfo決定設置任何內容之前嘗試渲染。