问题标签 [storybook]

我正在尝试将一个用 TypeScript 编写的非常简单的 React 应用程序与 Storybook 集成。我尝试关注 Storybook 问题列表中的几个问题，但不知道最新信息是什么。当我尝试运行 Storybook 时，出现以下错误：

有人可以指出我可能出错的地方吗？完整的项目可以在 Github 上找到：https ://github.com/archfirst/react-mobx-mui-ts-seed

这是我的 Storybook 的 webpack.config.js：

提前致谢。

编辑：我现在有这个工作。您可以访问 Github 项目链接以获取更新的工作代码。

我正在尝试在一个已经拥有大量 Webpack 2 配置的项目中使用 React Storybook。我按照以下基本步骤开始了故事书：

npm i -g @storybook/cli

getstorybook

当我运行时yarn storybook，它会在演示组件的 JSX 上中断：

由于我最初并没有使用这个项目开始create-react-app- 我需要修改 Storybook webpack 配置以启用 JSX 吗？

我正在使用storybook( this ) 单独使用我的组件。我想模拟所有通量周期（在完整的应用程序中，它是在 的帮助下完成的redux）并使用故事中的一个简单对象更新属性，但我错过了一些东西。

我希望在调用时更新value道具；我可以看到正确更新的值，但组件不会重新渲染。<ColorPicker />onChangecolorPickerState.color

我错过了什么？

我正在使用故事书，我想将 redux 添加为装饰器。运行故事书时，我在控制台中收到警告：

这是我的配置故事书代码：

和 initStore 文件：

如您所见，我按照警告链接中的说明进行操作。我做错了什么，如何删除此警告？我知道它不会在生产服务器上显示，但在开发模式下很烦人。：/

我用故事书制作了一个项目，在其中添加了一些组件。当我尝试在另一个项目中使用这些组件时出现错误

未捕获的错误：addComponentAsRefTo(...)：只有 ReactOwner 可以有 refs。您可能正在向未在组件render方法中创建的组件添加 ref，或者您加载了多个 React 副本。

我将故事书构建为

我的 .babelrc 看起来像这样：

我使用 index.js 文件导出我的组件，如下所示：

我包括组件：

我在故事书中做了一个 nmp 链接，以便在我的项目中使用它。我可以看到该组件，但它因未捕获的错误而失败。

该怎么办？

所以我正在为我正在制作的一个新项目构建一些组件存根。要查看这些组件的视觉效果，我正在使用 Storybook。我有两个单独的 webpack 配置，用于 Storybook 构建和常规构建。两者都继承自基本配置，如下所示（我删除了一些不相关的加载器以使阅读更容易）：

我的 Storybook 配置和我的常规配置不同，如下所示：

Webpack.config.js

Webpack.storybook.config.js

现在，当我使用正常构建时一切正常，但是当我访问故事书时，这些组件似乎破坏了它：

组件/AppHeader/AppHeader.component.jsx

组件/AppHeader/AppHeader.container.jsx

我得到的错误是在 AppHeader.container.jsx 中导出连接的组件时：

元素类型无效：应为字符串（用于内置组件）或类/函数（用于复合组件）但得到：未定义。您可能忘记从定义它的文件中导出您的组件。

所以似乎 AppHeader.component.jsx 中的默认导出是未定义的？这就是让我认为 Storybook 的 webpack 配置存在问题的原因，因为当我不在 Storybook 中查看容器/组件组合时，它可以工作。

任何建议/帮助将不胜感激，谢谢:)

我刚开始使用 React Native 开发一个新应用程序。

我已将项目分解为组件。我使用 Storybook 来创建这些组件（一个原生项目）。

我想将此组件项目维护为一个单独的存储库，可以与我的主项目以及其他项目一起使用。

当我创建我的主项目时，我是否将我已经在“组件项目”中创建的组件导入到我的主项目中？有没有办法链接这两个反应原生应用程序？

我正在使用伟大的storybook/react，但我遇到了一个问题。

我有很多依赖 props 的组件（无状态），所以在我的实际应用程序中，我有保持状态的容器组件。

例如，我有一个<Toggle />, 如您在此处看到的，它从其父级获取值并从其道具调用 onChange 来更改它。我想在我的故事书中有这种行为，但不知道怎么做：

I open new react-native v0.49 project and install storybook with command

npm i -g @storybook/cli

then i open my project and run

getstorybook

I see storybook modules in my project

when i run npm run storybook i see

then i connect the server to react-native app by

adb reverse tcp:7007 tcp:7007

and I run react-native app by

react-native run-android

but I don't see any elements in the server

我想使用Storybook为vue-select组件添加一些故事，但我正在努力处理更复杂的情况，这些情况涉及传递道具或方法。

当我在模板中传递道具时，它可以工作：

我发现它不太可读，所以我想将它们分别作为道具或数据传递：

但故事书既不data，也不props承认——它们似乎被忽略了。