React 无法访问多维数组状态值

Question

在我的 React 应用程序中，我使用以下代码将状态值设置为数组。

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]} 显示多维数组的值时，出现错误：

Uncaught TypeError: Cannot read properties of undefined (reading '0')

在控制台中。当我使用 {ds_data[0]} 时，它会将所有数组值显示为单个字符串：

363861319e9d5720089762a51d24a86dd1402dbba64771c9

数据显示在 bootstrap 模态组件中

Answer 1

问题是最初没有设置状态，所以我必须使用代码 {Array.isArray(ds_data) && Array.isArray(ds_data[0]) ? ds_data[0][0] : ""}

检查是否设置了状态

React 无法访问多维数组状态值

React cannot access multidimensional array state value

javascript

arrays

reactjs

use-state