反应:将两个数组(具有相同的变量名)添加到一个数组中

时间:2020-08-12 10:09:22

标签: javascript arrays reactjs

我知道将两个数组加在一起是一个菜鸟,但是我们到了。

问题/挑战
我正在努力的事情是两个数组都具有相同的变量名data,但我需要添加它们。

让我解释一下。
我在做两个查询:

  • 一个用于graphQL,和
  • 另一个使用useQuery钩子的API。

但是,似乎两个查询都要求使用名称data,并且抱怨是否有所不同。我尝试了以下方法:

  • data.push(data)
  • data.concat(data)
  • const combinedData = [...data, ...data]

现在我要敲门寻求建议。

这是我的代码:

const Lesson: FC<PageProps<LessonByIdQuery, { locale: string }>> = ({
  //QUERY 1
  data,
  pageContext: { locale },
  location: { pathname },
}) => {
  const {
    nextLesson,
    previousLesson,
    contentfulLesson: {
      lessonName: title = "",
      lessonContent: content,
      slug,
      createdAt,
      updatedAt,
      cover,
      keywords,
      authorCard,
      additionalInformation: readMore,
      habit: habits,
    },
  } = data as {
    contentfulLesson: ContentfulLesson
    nextLesson: ContentfulLesson
    previousLesson: ContentfulLesson
  }

  // QUERY 2
  // FetchLessonBookmark IS IMPORTED
  const { data, status } = useQuery("lessonTemplateKey", FetchLessonBookmark)

我所有这些的目标是合并查询中的数据,然后规划出我需要的内容。预先感谢!

0 个答案:

没有答案