大佬教程收集整理的这篇文章主要介绍了我可以在 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,请注明来意。