Storybook: تكوين الإجراءات للانتقال إلى قصة مختلفة؟

تم إنشاؤها على ٥ أبريل ٢٠١٦  ·  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

التعليق الأكثر فائدة

يمكننا القيام بذلك على النحو التالي:

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

أعتقد أن واجهة برمجة التطبيقات هذه تبدو رائعة.

ال 3 كومينتر

رائع. هذه ميزة رائعة.

يمكننا القيام بذلك على النحو التالي:

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

أعتقد أن واجهة برمجة التطبيقات هذه تبدو رائعة.

بفضل PR # 86 الخاص بـ @ jeef3 ، لدينا الآن وظيفة ربط القصة.
تم طرحه v1.8.0 .

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات