如何在反应管理应用程序上使用自定义故事书组件？

Question

我是 React admin 和 storybook 的新手。

我正在编写一个 React 管理应用程序。

除了 React admin 组件，我想重新使用我已经在 storybook 中开发的一些自定义组件。

问题是这些自定义组件使用的特殊主题与 React 管理主题混淆了。它们有自己的颜色、形状、徽标等。事实上，当我想使用它们时，我必须从 '@mylibrary/ui' 导入它们。

因此，当我尝试使用它们时，出现如下错误：

>Uncaught TypeError: Cannot read property 'white' of undefined
    at push.../../../libs/ui/src/lib/input/Checkbox.tsx.styled_components__WEBPACK_IMPORTED_MODULE_1__.default.label.withConfig.theme.theme

有没有办法在 React admin 中使用这个自定义组件？

Answer 1

已修复，以防有人感兴趣。

我的 React 管理应用程序必须使用 ThemeProvider。

像这样：

>      <ThemeProvider theme={themeDefault}>
>       <AdminContext dataProvider={dataProvider}>
>         <AdminUI layout={MyLayout} theme={theme}>

如何在反应管理应用程序上使用自定义故事书组件？

How to use custom storybook components on react admin application?

react-admin

storybook