Storybook: एक अलग कहानी में संक्रमण के लिए कार्रवाइयां कॉन्फ़िगर करें?

को निर्मित 5 अप्रैल 2016 · 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')} />
  });

मुझे लगता है कि यह एपीआई बहुत अच्छा लग रहा है।

arunoda 5 अप्रैल 2016

👍4

सभी 3 टिप्पणियाँ

बहुत खूब। यह एक मस्त फीचर है।

arunoda 5 अप्रैल 2016

हम इसे इस तरह कर सकते हैं:

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')} />
  });

मुझे लगता है कि यह एपीआई बहुत अच्छा लग रहा है।

arunoda 5 अप्रैल 2016

👍4

@jeef3 के PR #86 के लिए धन्यवाद, अब हमारे पास स्टोरी लिंकिंग फंक्शनलिटी है।
v1.8.0 के साथ जारी किया गया।

arunoda 9 अप्रैल 2016

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स