javascript 盖茨比/内容丰富的菜单组件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 盖茨比/内容丰富的菜单组件相关的知识,希望对你有一定的参考价值。

import React, {Component} from 'react'

class Menu extends Component {
  render() {
    return (
      <div className={css.menu}>
        <MenuItems/>
      </div>
    )
  }
}

export default Menu

export const query = graphql`
  {
    allContentfulMenuItem {
      edges {
        node {
          ...primaryMenuItem
        }
      }
    }
  }
`

export const menuItemPageFragment = graphql`
  fragment menuItemPage on Contentful {
    id
    title
    slug
  }
`

export const menuItemCourseCategoryFragment = graphql`
  fragment menuItemCourseCategory on ContentfulCourseCategory {
    id
    title
    slug
  }
`

export const primaryMenuItemFragment = graphql`
  fragment primaryMenuItem on ContentfulMenuItem {
    ...menuItem
    subMenuItems {
      ...menuItem
    }
  }
`

export const menuItemFragment = graphql`
  fragment menuItem on ContentfulMenuItem {
    id
    name
    url
    page {
      ...menuItemPage
      ...menuItemCourseCategory
    }
  }
`

以上是关于javascript 盖茨比/内容丰富的菜单组件的主要内容,如果未能解决你的问题,请参考以下文章

在盖茨比中,扩展组件与箭头功能有啥区别[重复]

即使在插入组件后,如何显示带有样式组件图标的图标? (盖茨比)

如何从反应中的子组件内部更改父组件的背景颜色,盖茨比

javascript 盖茨比:单独的帖子和页面

反应组件中的盖茨比静态查询不返回任何数据

javascript 盖茨比博客-md