Storybook

Storybook

文章 8 浏览 42

错误:Tailwindcss 在故事书中不起作用

我使用webpack5,typescript,tailwindcss和storybook制作一个Button UI组件,我将示例代码从storybook修改为tailwindcss 这是CSS代码: @tailwind ba…

一世旳自豪 2025-01-13 19:13:01 1 0

下一个构建命令不会忽略 *.stories.tsx 文件

我正在尝试构建 nextjs 项目,该项目具有与组件本身并排的 [componentName].stories.tsx 。由于这些故事中的打字稿错误,运行 next build 失败。接下…

北座城市 2025-01-13 12:08:33 0 0

使用 Vue 2 添加 Storybook 中每个道具的描述

我用自定义列扩展了 Vuetify 表,因此我在它周围做了一个包装: // Custom columns 在 $attrs 中有一个“headers”和“items”道具。现在,在 MyDataT…

暮年慕年 2025-01-13 12:05:49 1 0

规则“import/no-unresolved”的 generated-stories-entry.js 错误

我已使用 vue add Storybook 将故事书添加到我的 Vue 项目中。 这为我的项目添加了几个依赖项,例如在我的 package.json 中,我发现了以下内容: "vue…

所有深爱都是秘密 2025-01-13 09:52:40 0 0

故事书中的打字稿,带有使用参数的道具类型

我有一个组件: type RowItem = Record; type TableRowsCells = Array>; type TableHeadCells = HeadCell[]; type TableProps = { ariaLabel: string;…

生生漫 2025-01-13 05:29:45 0 0

Storybook React Native (IOS) - RangeError:超出最大调用堆栈大小(本机堆栈深度)

对于 IOS - 在 IOS 中为当前的 React Native 应用程序设置 Storybook 时出现此错误。使用 RN 0.66.1 版本,使用“@storybook/react-native”:“^5.3.…

我三岁 2025-01-13 02:04:24 0 0

Puppeteer CSS 选择器不适用于故事书?

const puppeteer = require('puppeteer'); async function run () { const browser = await puppeteer.launch(); const page = await browser.newPage…

愛上了 2025-01-12 22:10:25 0 0

使用故事书交互测试的真实剪贴板事件?

我对如何使用 Jest 和 React-Testing-Library 测试真实的 onPaste 剪贴板事件做了一些研究,并意识到这是一个挑战: 如何使用 React 测试库粘贴剪贴板…

失眠症患者 2025-01-12 20:20:07 0 0

Storybook React Native 中的模拟请求

我希望能够为我的 React Native 屏幕设置故事,它通过 React 查询挂钩连接到 API。我正在使用 Storybook React Native 的测试版(6.0.1-beta3)。 htt…

土豪我们做朋友吧 2025-01-12 12:39:40 0 0

如何将背景颜色传递给@storybook中的vue组件

// SomeComponent.stories.js const defaultArgs = { theme: 'light' }; export default { title: 'SomeComponent', component: SomeComponent, args…

零崎曲识 2025-01-12 05:39:18 0 0

故事书/在面板中显示状态转储

我想在故事书面板中显示我的反应组件状态的转储。 有用于此目的的故事书插件吗? export default () => { const [a] = useMyHook(); /** ---> **/ sho…

半世晨晓 2025-01-12 02:07:53 0 0

Storybook:如何强制 Storybook 不为我的组件创建文件夹

对于我的所有其他组件,Storybook 直接显示故事(没有子文件夹)。但在我名为“IconButton”的组件中,它创建一个子文件夹,然后显示实际文件。如何让…

何以畏孤独 2025-01-11 19:44:38 0 0

如何使用 Tailwindcss、ReactJS 和 Typescript 设置 Storybook

如何设置 Storybook 以便它解析 Tailwindcss 样式并解析绝对路径? 注意:这是一个根据此允许的自记录问题/答案。这需要一段时间才能弄清楚,我相信很…

a√萤火虫的光℡ 2025-01-11 05:46:16 0 0

将值传递给 Storybook 中的嵌套组件

有没有更好的方法将值传递给 Storybook 中的嵌套组件?我可以明确地陈述每个单独的值,但这似乎非常低效。 function Dropdown({ label, type, size, t…

笑红尘 2025-01-11 03:10:47 0 0

如何使用 React 17 在 Storybook 运行的代码中使用 Jest 模拟

我们有一个 React 17 代码库,其中包含大量生成模拟数据类型 save 的函数,因此我们可以在 Jest 运行的不同单元测试中重复使用它们。 export const cr…

故事灯 2025-01-11 02:05:45 0 0
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文