React

在生产环境中选择使用 Gatsbv's GraphQL 或 Redux 来获取和管理数据取决于具体的项目需求和架构设计。两者在功能和应用场景上有显著的区别: Gatsby's GraphQL http

通过传入动态参数来决定某个css样式是否实现 eg: 定义 BGImg 组件 定义 ImgBox 样式 使用示例 这样，当你在其他文件中使用 BGImg 组件时，可以通过 shouldScale 属性

效果图： Gatsby官网：https://www.gatsbyjs.com/ TypeScript官网：https://www.typescriptlang.org/ date-fns官网：http

在gatsby项目里用ts写活组件，以下是button组件eg。 index.tsx 在这个文件中，我们创建一个 Button 组件，接受 props 来动态定义其样式： style.ts 在这个文件

gatsby项目导入图片需要三个依赖的加持： gatsby-plugin-image gatsby-plugin-sharp gatsby-source-filesystem 安装依赖 在根目录下的g

Gatsby官网：https://www.gatsbyjs.com/docs/ 中文教程：https://www.gatsbyjs.cn/tutorial/ Gatsby 是一个基于 React 的免

react官网：https://zh-hans.react.dev/learn echarts官网：https://echarts.apache.org/handbook/zh/get-started

styled-component官网：https://styled-components.com/docs 安装 下载对应插件（方便开发）： vscode-styled-components：http

react官网：https://zh-hans.react.dev/learn 配置eslint和prettier 初始化项目 安装 ESLint 和 Prettier eslint-config-p

react-router-dom官网：https://reactrouter.com/en/main 步骤： 1、下载react-router-dom 2、编写路由配置文件 在根目录下创建一个rout

redux官网：https://redux.js.org/ 使用 安装 Redux Toolkit 包含了 Redux 核心，以及我们认为对于构建 Redux 应用程序必不可少的其他关键软件包（例如