Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在一个数组中组合多个常量?_Javascript_Reactjs_Graphql - Fatal编程技术网

Javascript 在一个数组中组合多个常量?

Javascript 在一个数组中组合多个常量?,javascript,reactjs,graphql,Javascript,Reactjs,Graphql,如何将const=menuGallery、menuCompany和menuTour中的数据组合在一个数组中,以便在menuData中调用所有这些数据(请参见下面的代码),以便我的li应该在const=menuData render() { const menuGallery = get(this.props, 'data.allContentfulImageGallery.edges') const menuCompany = get(this.props, 'data.allConte

如何将
const=
menuGallery
menuCompany
menuTour
中的数据组合在一个数组中,以便在
menuData
中调用所有这些数据(请参见下面的代码),以便我的
li
应该在
const=menuData

render() {
  const menuGallery = get(this.props, 'data.allContentfulImageGallery.edges')
  const menuCompany = get(this.props, 'data.allContentfulCompanyPage.edges')
  const menuTour = get(this.props, 'data.allContentfulTourPage.edges')
  const menuData = [{menuGallery},{menuCompany},{menuTour}]

  return(
    {menuData.map(({ node: page })=> (
      <li className={slug === page.slug ? "selected" : ""} key={page.id}><a href={`/${page.slug}`}>{page.title}</a></li>
  ))}

每个都可以单独工作并映射,但我有多个内容类型组成应用程序页面,并希望将它们列在一起。

听起来您希望使用将三个数组组合成一个长数组

const menuData = [...menuGallery, ...menuCompany, ...menuTour]

听起来您想使用将三个数组合并为一个长数组

const menuData = [...menuGallery, ...menuCompany, ...menuTour]

恒星的谢谢-您能帮助我了解
的用途吗?一旦允许,我会接受这个答案。很乐意帮忙!Spread对于阵列和对象来说都是一个很好的ES6特性——请记住,它是进行浅拷贝的,所以不能用作深度克隆实用程序。快乐编码!恒星的谢谢-您能帮助我了解
的用途吗?一旦允许,我会接受这个答案。很乐意帮忙!Spread对于阵列和对象来说都是一个很好的ES6特性——请记住,它是进行浅拷贝的,所以不能用作深度克隆实用程序。快乐编码!