Преобразование сборника рассказов в CSF - PullRequest
Новая
       5

Преобразование сборника рассказов в CSF

1 голос
/ 08 февраля 2020

В процессе преобразования историй React для использования рекомендованных CSF

Мне интересно, как можно преобразовать следующее (истории, которые создаются из зацикливания массива объектов) в CSF?

ps: в моем реальном массиве более 15 элементов. это только пример ниже 


const stories = storiesOf("MyStories", module)

const storyOptions = [{name: "foo", age:21}, {name: "bar", age: 22},{name: "batman", age: 23}, ] // 

for (let option of storyOptions) {
  stories.add(option.name, () => {
    return <MyWrapperComponent option={option} />
  })
}

У меня возникают трудности с рефакторингом вышеупомянутого, чтобы вывести те же несколько историй, что и CSF: пока возвращается только первая история: 

export const myStories = () => {
  for (let option of storyOptions) {
    return <MyWrapperComponent option={option} />
  }
}

1 Ответ

1 голос
/ 26 февраля 2020

В Storybook 5.x, последней версии, доступной на момент написания этой статьи, невозможно перебирать массив и динамически генерировать истории в формате CSF, потому что требования к рабочим историям являются строгими: - обязательный экспорт по умолчанию - один или несколько именованных экспортов

Все нормально с экспортом по умолчанию, однако в настоящее время нет способа иметь динамические c именованные экспорты, потому что JS import и export должны быть статически анализируемы - т.е. известен до выполнения кода. К сожалению, вы застряли со старым синтаксисом на данный момент.

...