reactjs - Gatsby 组件阴影

Question

我正在使用 gatsby starter gatsby-theme-carbon。它有一个切换器组件，其代码可在此处获得。它看起来像这个 切换器屏幕截图。

如何使用组件阴影完全禁用切换器？（即我的网站上根本不需要切换器）。

在此先感谢您的帮助。

标签： reactjsgatsby

Answer 1

正如您在 Gatsby 主题文档中的阴影中看到的那样：

此功能允许用户src用自己的实现替换 webpack 包中包含的目录中的文件。这适用于您站点中的 React 组件、页面src/pages、JSON 文件、TypeScript 文件以及任何其他导入的文件（例如.css）。

阴影 API 使用确定性文件结构方法来了解应该或不应该呈现哪个组件。在您的情况下，您可以覆盖 CSSprops以将其显示为无，或者您只是遮蔽并返回一个空组件，因为遮蔽用于扩展 Gatsby 主题。src/gatsby-theme-blog/components/Switcher/Switcher.js在您的项目中创建一个并执行以下操作：

const Switcher = () => {
  return <></>
};