javascript React原生:如何访问嵌套数组中的数据?

pw136qt2  于 2023-03-28  发布在  Java
关注(0)|答案(1)|浏览(146)

我试图使用redux访问数组中的数据,但我一直得到数据是不设防的,当我只使用对象它的工作,但当我使用数组内部的对象它不工作.这里是我的代码

const localObject = [
    {
    data: [
      {
        title: "Alphabet",
        img: "https://cdn-icons-png.flaticon.com/512/4217/4217860.png",
        icon: "star",
      },
      {
        title: "Numbers",
        img: "https://cdn-icons-png.flaticon.com/512/709/709337.png",
        icon: "star",
      },
    ],
  }
]
  const data = useSelector(state =>
    state.localObject.data
    );
  const dispatch = useDispatch()
  useEffect(() => {
    //dispatch(localObjectSlice.actions.setData(localObject.data));
    dispatch(setData(localObject.data));
    console.log("data", data);
  }, []);

  return (
    <View style={{ alignItems: "center" }}>
      <View>
        <FlatList

          data={data}
          ListFooterComponent={() => <Text style={{ marginTop: 50 }}>hh</Text>}
          renderItem={({ item }) => (
           <View>
              <Text>{
                item.title
                }</Text>
           </View>
           )}
        />

      </View>
    </View>
  );
}

我试图只使用对象来获取数据,它工作了,但是当我尝试使用数组时,我无法访问数据

xzv2uavs

xzv2uavs1#

您指定了localObject,如下所示:

const localObject = [
    {
    data: [
    ///...

因此,localObject是一个数组。数组中的项是对象。每个对象都有一个data属性。data属性是一个数组。
在代码的后面,您尝试按如下方式访问:

setData(localObject.data)

...但这是不正确的。像这样的话才是正确的:

setData(localObject[0].data)

如果这没有帮助,那么我建议重新措辞您的问题,以确定您在哪里收到错误以及您正在尝试做什么。

相关问题