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 似乎可以正常工作。
添加回答
举报