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]: ""}