Storybook: 配置操作以过渡到不同的故事？

创建于 2016-04-05 · 3评论 · 资料来源: storybookjs/storybook

如果一个动作可以触发到不同故事的过渡以模拟交互性，那就太好了，类似于使用 Invision、Framer.js 等创建简单原型的方式。

例如，假设您有一个“切换”小部件具有两种状态，“开”和“关”，如果您可以为每个故事设置操作以切换到另一个故事以模拟实际发生的切换，那就太好了：

storiesOf('Toggle', module)
  .add('on', () => {
    return <Toggle value={true} onChange={action('onChange', 'off')} />
  })
  .add('off', () => {
    return <Toggle value={false} onChange={action('onChange', 'on')} />
  });

feature request

资料来源

tlrobinson

👍2

最有用的评论

我们可以这样做：

import { linkTo } from @kadira/storybook

storiesOf('Toggle', module)
  .add('on', () => {
    return <Toggle value={true} onChange={linkTo('Toggle', 'off')} />
  })
  .add('off', () => {
    return <Toggle value={false} onChange={linkTo('Toggle', 'on')} />
  });

我认为这个 API 看起来很棒。

arunoda 于 2016-04-05

👍4

所有3条评论

哇。这是一个很酷的功能。

arunoda 于 2016-04-05

我们可以这样做：

import { linkTo } from @kadira/storybook

storiesOf('Toggle', module)
  .add('on', () => {
    return <Toggle value={true} onChange={linkTo('Toggle', 'off')} />
  })
  .add('off', () => {
    return <Toggle value={false} onChange={linkTo('Toggle', 'on')} />
  });

我认为这个 API 看起来很棒。

arunoda 于 2016-04-05

👍4

感谢@jeef3的 PR #86，现在我们有了故事链接功能。
与v1.8.0一起发布。

arunoda 于 2016-04-09

此页面是否有帮助？

0 / 5 - 0 等级

Storybook: 配置操作以过渡到不同的故事？

最有用的评论

所有3条评论

相关问题