Reactjs Storybook addDecorator在config.js中不起作用？

为了便于实验，我在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/addons

中的

makeDecorator

函数：

请参阅：

还记得在

.storybook/addons.js中注册插件，如：


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

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