gatsby-plugin-breakpoints:Gatsby插件使用React Hooks提供断点

gatsby插件断点 Gatsby插件使用React Hooks提供断点 安装 npm i gatsby-plugin-breakpoints 或者 yarn add gatsby-plugin-breakpoints 将插件包括在您的gatsby-config.js文件中： /* gatsby-config.js */ module . exports = { plugins : [ 'gatsby-plugin-breakpoints' ] , } ; 用法 功能组件 将useBreakpoint钩子导入到应用程序中的任何位置。 该钩子提供四个默认断点作为boolean ： 名称 断点 xs 最大宽度：320像素 短信 最大宽度：720px md 最大宽度：1024px 升 最大宽度：1536像素 /* yourFunctionalComponentOrPa