问题标签 [storybook-addon-specifications]

我正在尝试通过故事书访问 contextAPI 中的数据，但我无法管理它。请记住，原始页面没有任何问题，上下文工作正常。

React 版本：17.0.2 Storybook 版本：6.2.7 这是 devDep：

我在 Storybook 的 preview.js 文件中为包装器添加了一个装饰器。

然后，在 X.stories.js 中，我尝试像往常一样调用 useContext：

但我在故事中遇到了这个错误：

作为解决方案，我创建了一个新组件作为新的/分离的文件，并通过 X.stories.js 将其导入。该解决方案有效，但是这样，我必须创建许多无用的不必要文件。

你能告诉我这个问题的正确方法吗？

在此先感谢，干杯，

您知道是否可以删除组件下方的“显示代码”按钮？因为输出很奇怪。我正在使用包'@storybook/addon-docs'

我正在将 storybook js 用于 vueJS UI 组件。在文档部分，源代码不正确。这是我在源代码中看到的：

问题：

1. 为什么源代码进来<template>
2. 为什么:default="null"来了。我没有控制该名称的任何道具。

这是.stories.js：

运行 Angular + storybookjs 并收到此错误。

即使我的故事书仍然正常构建，我开始在终端上收到此错误

我真的不明白我错过了什么。

这是我的main.js

这是我的preview.js

我main.js已经试过了

但这只是让它变得更糟。

这些是我的依赖

我正在为 Typeahead Async Search 写一本故事书。由于后端 api 还没有准备好，我只是使用公共 apihttps://api.github.com/search/users进行演示。但是，isLoading、options 和 handleSearch 应该作为道具传递给 AsyncSearch 这个故事。我应该模拟 API 结果而不是直接将以下代码放入故事书中吗？据我了解，故事书是为独立组件构建的。

我正在使用反应故事书，我想在上面展示我的 chartjs 图表，还允许我的用户通过改变值和观看图表更新（在这种情况下，更改我的条形图边框半径）来通过故事书控件来玩图表配置没有它打破。

但是每当我与控件交互时，我都会遇到这个问题：

仅当我执行软刷新时图表值才会更改

这是我的代码：

Chart.stories.js

这是我的 Chart.js

我目前正在处理多个项目（这意味着每个项目都在不同的仓库中），这些项目正在使用故事书（一个公共仓库在每个项目中变得多余）。我想发布或者确实想把它放在云上的某个地方，这样代码就不会每次都变得多余。

我在我的 reactJS 项目中使用故事书。

我正在尝试渲染通过参数传递的 MD 文件。我可以成功地显示要显示的文本，但我真的希望将其格式化为 MD 文件。

我试图使用@storybook/addon-docs，但似乎这些需要在 MDX 文件中使用，而不是直接在 React 中使用，因为我收到此错误：Uncaught TypeError: storyById is not a function.

如果我删除Title和Description组件，我可以成功看到未格式化的 MD 文本。

有谁知道将 MD 文件格式化的 API 或方法？

我的PR 代码。

使用 storybook 进行 preact 演示和 webpack 捆绑 @emotion/core -> @emotion/cache -> @emotion/sheet 将样式插入 iframe 标头导致多个 CSP 错误，如下所示

我尝试检查以下文档 - https://emotion.sh/docs/cache-provider，https://www.npmjs.com/package/@emotion/sheet/v/10.0.0-really-unsafe-please- do-not-use.1?activeTab=dependents传递随机数，但我们不在任何组件中创建 StyleSheet / createCache，但 webpack 将 package.json 中的所有依赖项捆绑为主题的一部分，并应用默认选项（ nonce - undefined )

我尝试将 CacheProvider 添加到全局的故事书装饰器中，如下所示

我可以看到缓存块已呈现，但标头样式未使用 nonce 值更新。如果我在这里遗漏了任何东西，或者如果有另一种方法可以通过 nonce 来传递情感风格，请告诉我！谢谢！