ajax - React Storybook 组件 Ajax 请求如何

Question

我有一个 React 应用程序，它正在对数据发出 ajax 请求。

自从将我的组件添加到 React Storybook我的组件不呈现数据。

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

我可以将 Axios 导入故事书并提出请求或类似的东西吗？

Answer 1

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

例如:

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