程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了我可以在 react-native 中将两个数据传递给 FlatList 吗?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决我可以在 react-native 中将两个数据传递给 FlatList 吗??

开发过程中遇到我可以在 react-native 中将两个数据传递给 FlatList 吗?的问题如何解决?下面主要结合日常开发的经验,给出你关于我可以在 react-native 中将两个数据传递给 FlatList 吗?的解决方法建议,希望对你解决我可以在 react-native 中将两个数据传递给 FlatList 吗?有所启发或帮助;

我想将两个数据(即通知,回复通知这些数据是数组)传递给 FlatList 中 通知卡组件

有可能吗??这是我的代码

      const Notification = () => {
      const {notification,replynotification} = useSELEctor((statE) => state.post);
      const dispatch  = usedispatch();

      useEffect(() => {
        dispatch({
          type:checKNOTIFICATION_requEST,})
      },[]);
        return (
        <FlatList
        data={notification}
        keyExtractor={(item) => String(item.ID)}
        renderItem={({item}) => (
          <NotifiCard
          item={item}
          />
        )}
        />
        );
    };

    export default Notification;

那我该如何修复我的代码??

解决方法

我希望我已经正确理解了这个问题。 如果您有两个不同的数组,通知和回复通知,并且您想将它们作为单个数组提供给 FlatList,您应该使用扩展运算符 (...),这样您就可以将所有数据扩展到一个唯一的数组中。

const array = [
  ...notification,...replynotification
]

通过这种方式,您将拥有一个包含您需要的所有数据的数组。 请注意,如果通知和回复通知的结构不同,您将拥有一个包含不同结构项目的数组。

<FlatList
 data={array}
 keyExtractor={(item) => String(item.id)}
 renderItem={({item}) => (
  <NotifiCard
   item={item}
  />
 )}
/>

大佬总结

以上是大佬教程为你收集整理的我可以在 react-native 中将两个数据传递给 FlatList 吗?全部内容,希望文章能够帮你解决我可以在 react-native 中将两个数据传递给 FlatList 吗?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。