storybook-state:管理故事书故事中的状态

时间:2024-05-31 12:36:31
【文件属性】:

文件名称:storybook-state:管理故事书故事中的状态

文件大小:444KB

文件格式:ZIP

更新时间:2024-05-31 12:36:31

JavaScript

故事书状态 警告 Storybook最近推出了一种构建插件的新方法,最新版本的storybook-state可以与Storybook> v5.2.* 。 对于旧版本的v1.3.6 ,请使用此插件的v1.3.6 。 入门 npm install --save-dev @sambego/storybook-state 首先,您将需要创建一个新商店,以保存状态并处理更新。 您可以添加组件期望的所有属性,并且State组件会将其传播到您的组件。 创建商店后,可以将组件包装在State组件中并传递商店。 在下面的示例中,我们创建一个期望使用active属性的模式。 当单击按钮时,我们将更新商店,这又将更新模式上的active属性。 使用状态组件显示和更新 import React from "react" ; import { storiesOf } from "@storybook/react


【文件预览】:
storybook-state-master
----.travis.yml(118B)
----enzyme.config.js(145B)
----.babelrc(287B)
----.snyk(348B)
----package.json(2KB)
----storybook-styles.png(452KB)
----jest.config.js(114B)
----tests()
--------State.test.js(3KB)
--------Store.test.js(2KB)
----LICENSE(1KB)
----package-lock.json(916KB)
----src()
--------index.js(100B)
--------register.js(127B)
--------StateDecorator.js(474B)
--------Store.js(720B)
--------State.js(1KB)
----.npmignore(9B)
----register.js(27B)
----AUTHORS(42B)
----.gitignore(74B)
----lib()
--------index.d.ts(1KB)
----README.md(4KB)

网友评论