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

Question

我想传递两个数据（它们是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;

那我怎么修复我的代码？？

Answer 1

我希望我已经正确地理解了这个问题。如果您有两个不同的数组notification和replynotification,并且您希望将这两个数组作为一个数组提供给FlatList,那么您应该使用spread运算符（...）,这样您就可以将所有数据分散在一个唯一的数组中。

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

这样，您将拥有一个数组，其中包含所需的所有数据。请注意，如果notification和replynotification具有不同的结构，则将有一个数组，其中的项具有不同的结构。

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