React 無法訪問多維數組 state 值

Question

在我的 React 應用程序中，我使用以下代碼將 state 值設置為數組。

const [ds_data, setDsData] = useState([]);
    let ds_arr = res.data.map((elem, index) => {
                  return elem.split(" ")
                })
                setDsData(ds_arr)

當我使用 console.log(ds_arr) 時數組中的值是

我從服務器獲得的值如下所示。

問題是當我嘗試使用{ds_data[0][0]}顯示多維數組的值時，出現錯誤：

未捕獲的類型錯誤：無法讀取未定義的屬性（讀取“0”）

在控制台中。 當我使用{ds_data[0]}時，它將所有數組值顯示為單個字符串：

363861319e9d5720089762a51d24a86dd1402dbba64771c9

數據顯示在引導模式組件內

Answer 1

問題是 state 最初沒有設置，所以我必須檢查 state 是否使用代碼{Array.isArray(ds_data) && Array.isArray(ds_data[0])? ds_data[0][0]: ""} {Array.isArray(ds_data) && Array.isArray(ds_data[0])? ds_data[0][0]: ""}