有没有办法对 Storybook 中的故事进行设置和清理？

Question

有没有办法在 Storybook 中执行故事的设置和清理步骤？举例来说，我有一个组件，它的行为取决于某些本地存储的存在或值，或者window. 我希望能够设置一个故事，以便进行清理，这样它就不会无意中延续到其他故事。

如果没有官方建议的最佳实践，我认为最好的方法是制作一个自定义装饰器，将故事包装在具有设置和拆卸生命周期事件的组件中（在本例中，我使用 Storybook 和 React，仅供参考）。接受其他想法。

Answer 1

装饰器是您所描述内容的官方推荐。它们可以添加到单个故事、组件的所有故事或全局的所有故事中。