Сборник рассказов - показать источник импортированных компонентов - PullRequest
Новая
       4

Сборник рассказов - показать источник импортированных компонентов

0 голосов
/ 28 сентября 2018

У меня есть большой .stories.js файл с длинным списком примеров.Чтобы сделать вещи немного чище, я импортирую различные компоненты примера, но при этом у меня возникают проблемы с отображением источника исходных компонентов.

Пример: 

// Button.js
export default Button = props => <Button size={props.size}>{props.text}</Button>;

// ButtonSizeStory.js
import Button from './Button.js';

export default ButtonSizeStory = () => 
    ['lg', 'sm', 'xs'].map(size => <Button size={size} text="I'm a button" />);

// Button.stories.js
import ButtonSizeStory from './ButtonSizeStory.js';

stories.add(
    "Button Sizes",
    withInfo()(() => <ButtonSizeStory />)
);

Запуск вышеуказанногоНапример, в сборнике рассказов источником компонента будет 

Source:
<ButtonSizeStoryExample />

, но я хочу отобразить следующее: 

Source:
<Button size="lg" text="I'm a button" />
<Button size="sm" text="I'm a button" />
<Button size="xs" text="I'm a button" />

Кажется, это достаточно распространенный вариант использования, но яне мог найти ничего в документах или здесь.Любое предложение (помимо наличия всех примеров в файле Button.stories.js)?

...