我可以在 react-native 中将两个数据传递给 FlatList 吗？

Question

我想将两个数据（即通知、回复通知这些数据是数组）传递给 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;

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

Answer 1

我希望我已经正确理解了这个问题。 如果您有两个不同的数组，notification 和 replynotification，并且您想将它们作为单个数组提供给 FlatList，您应该使用传播运算符（...），这样您就可以将所有数据传播到一个唯一的数组中。

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

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

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