React Storybook组件Ajax请求如何

Question

我有一个反应应用程序正在对数据进行ajax请求。

由于我的组件添加到React Storybook，因此我的组件不会呈现数据。

是否可以呈现用于我的组件的实际数据，而不是提供默认的prop类型？

我可以将Axios导入故事书并根据这些内容提出请求或其他内容吗？

Answer 1

使用moxios，您可以将网址捕获正则表达式设置为等待某些请求，然后将想要的任何模拟数据传递回api调用。

例如：

// Route like /user/{id}/settings/{somesettingname}
moxios.stubRequest(/user\/[0-9a-zA-Z]+\/settings\/[^\/]/, {
    response: mockUserSettings,
    status: 200,
});