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