我想传递两个数据(它们是NotifiCard组件中的notification,replynotification,这些数据是数组)给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;
那我怎么修复我的代码??
我希望我已经正确地理解了这个问题。如果您有两个不同的数组notification和replynotification,并且您希望将这两个数组作为一个数组提供给FlatList,那么您应该使用spread运算符(...),这样您就可以将所有数据分散在一个唯一的数组中。
const array = [
...notification,
...replynotification
]
这样,您将拥有一个数组,其中包含所需的所有数据。请注意,如果notification和replynotification具有不同的结构,则将有一个数组,其中的项具有不同的结构。
<FlatList
data={array}
keyExtractor={(item) => String(item.id)}
renderItem={({item}) => (
<NotifiCard
item={item}
/>
)}
/>