Сборник рассказов addDecorator не работает из config.js? - PullRequest
Новая
       4

Сборник рассказов addDecorator не работает из config.js?

0 голосов
/ 25 июня 2018

Ради эксперимента я поместил следующий декоратор в свой Button.stories.tsx 

const stories = storiesOf('Button', module)
stories.addDecorator(story => <div style={{backgroundColor: 'red', width: '500px', height: '100px'}}>{story()}</div>)
stories.add('with text', () => <Button>Hello Button</Button>)

Отображается кнопка сверху красного прямоугольника, как и ожидалось. Но когда я помещаю тот же декоратор в .storybook / config.js, как это 

import { addDecorator } from '@storybook/react'
addDecorator(story => <div style={{backgroundColor: 'red', width: '500px', height: '100px'}}>{story()}</div>)

это не имеет никакого эффекта! Может ли проблема быть вызвана @ storybook / реакции версии? Когда я пытался заставить сборник рассказов работать с машинописью, мне пришлось обновить этот пакет с версии 3.4.8 до 4.0.0-alpha.10. Вот несколько версий из моего package.json: 

"react": "^16.4.1",
"react-dom": "^16.4.1",
"react-scripts-ts": "2.16.0",
"@storybook/react": "4.0.0-alpha.10",

1 Ответ

0 голосов
/ 23 февраля 2019

Я думаю, что вы должны использовать функцию makeDecorator из @storybook/addons:

См .:
https://storybook.js.org/addons/writing-addons/#the-addon

Не забудьте также зарегистрировать аддон в .storybook/addons.js какв:
https://storybook.js.org/addons/writing-addons/#register-the-addon

...