问题标签 [storybook]

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

直接在我的组件中设置的方法有效（它会触发alert('default')）：

但我想覆盖onchangecallback一个特定故事的功能（触发alert('custom')），所以我添加到我的play/index.js：

但我仍然以alert('default')相反的方式结束alert('custom')，所以onchangecallback不会被覆盖。

在这一点上，我什至不知道我是否正确地传递了这个方法，它的设计方式是如此违反直觉。即在我的组件（第一个代码片段）中，我onchangecallback在道具中导出（并且它有效）但在Storybook 示例中，方法不是在道具中传递，而是在方法中传递！

我想为storybook-router. 它不需要那么准确，因为这是一个次要的开发工具（即anys 是可以接受的），但我什至无法让它工作。

我要代表的是：

...其中StoryRouter是一个StoryDecorator与@types/storybook__react.

我尝试了以下定义文件：

不幸的是，这会导致以下错误：

TS7016：找不到模块“故事书路由器”的声明文件。'/<path snipped>/node_modules/storybook-router/dist/StoryRouter.js' 隐含了一个 'any' 类型。尝试npm install @types/storybook-router它是否存在或添加一个新的声明 (.d.ts) 文件，其中包含declare module 'storybook-router';

但是，如果我使用最后一个示例 ( declare module 'storybook-router')，我似乎无法弄清楚如何设置默认导出。

表示这种类型的正确方法是什么？

我有一个关于如何在 React 故事书框架中加载静态文件的快速问题。目前，我按照create-react-app中的说明创建了一本故事书。

现在，我正在尝试加载一个包含一些数据以进行可视化的 csv 文件。为此，我按照此处的说明将 csv 文件放在公用文件夹下。

但是，我无法加载文件。有什么建议么？

我有一个反应原生应用程序。我使用getstorybook来自官方文档的故事书。

每次我运行react-native run-ios时，应用程序都是故事书，不再是我的应用程序。现在我不知道如何切换回我原来的应用程序。

我试图关闭所有终端 + 删除构建文件夹，但没有人工作。

我的问题是我正在尝试使用自述文件插件显示我的故事，但它没有按我想要的顺序显示，而且我看不出我的实际代码与来自 github 的代码有何不同例如。

index.js

动作按钮.md

插件.js

配置.js

我得到了什么

我想要的是

来自 github 的演示

我想知道我的代码哪里出错了。

所以我正在使用storybooks.js，我想改变状态：

在文档中，我看到：https://storybook.js.org/basics/faq/和

但问题是，在我的组件中，我有componentDidMount一个调用localhost:8000，并且当托管在静态网站上时总是会失败。

我考虑过传递一个额外的道具 ie storybook，并在componentDidMount做这样的事情，但我不想像这样改变它。

或者

有人对如何处理这种情况有一些建议吗？

谢谢转发！

运行故事书时没有出现错误，但我的样式都没有加载。请帮忙。我正在使用 webpack 2.2.1。

我查看了所有 SO 和无数 GH 问题的答案，但无济于事。这是我的 .storybook 目录中的 webpack.config.js

这是我的故事目录中的 index.html：

这是我的 index.scss：

看起来 at-loader 无法加载所需的所有模块。我该怎么做才能让加载程序知道 react-native 中的“AccessibilityInfo”之类的模块？

例如：

npm 运行故事书

/src/components/Question.tsx

babelrc

故事/index.js

.storybook/webpack.config.js

tsconfig.json

有没有办法为 Angular 组件编写故事书故事，以便将内部 html/文本嵌入到渲染的故事书中？

在这里，我的尝试是在没有嵌入的测试内部文本的情况下呈现的

按钮组件：

按钮组件模板：

故事：

渲染为：