1 回答

TA貢獻1804條經驗 獲得超2個贊
我將分享我發現的一個不是最佳的解決方案,但可能對其他人有用:
我的故事.stories.js
import {ActionBar} from '../public/components/ActionBar/actionbar.module';
import controller from "!raw-loader!../public/components/ActionBar/controller.js";
import customRenderStory from "../utils/customRenderStory";
export default {
title: 'Basic/ActionBar',
};
//
export const ActionBarToExport= () =>
customRenderStory(
ActionBar(),
controller,
2000
);
customRenderStory.js
export default (component, javascript, timeout) => {
if (javascript !== undefined) setTimeout(() => eval(javascript), timeout)
return component;
}
這樣我controller.js每次渲染故事的時候都可以執行里面的代碼。我需要一個超時時間(可以配置),因為我不能確定組件是否會在代碼執行后掛載。
就我而言,純 HTML 和 jQuery 中的 StoryBook 似乎可以正常工作。
添加回答
舉報