Docusaurus：是否可以使用 NPM 包中的组件？答案

【问题标题】：Docusaurus: is it possible to use components from NPM packages?Docusaurus：是否可以使用 NPM 包中的组件？
【发布时间】：2021-12-07 11:01:55
【问题描述】：

我目前正在开始使用 Docusaurus。我知道我可以使用 mdx 文件 (https://docusaurus.io/docs/markdown-features/react) 编写自定义组件，但是是否可以安装 React NPM 包并使用它的组件？

我用 ChakraUI 试过这个：

import { Switch } from "@chakra-ui/react";

<Switch>{"test"}</Switch>

但只是呈现了“测试”这个词。感谢您的帮助！

【问题讨论】：

我对 react 的经验很少……但我设法添加了 react-player，看看这是否对你有所启发：stackoverflow.com/a/69193176/5734097

【解决方案1】：

已修复，我只需要创建一个 Root 组件 (https://docusaurus.io/docs/using-themes#wrapper-your-site-with-root) 并用 ChakraProvider 包装它

【讨论】：