时间戳

首页 > 解决方案 > 如何为 API 调用创建反应库？

reactjs - 如何为 API 调用创建反应库？

问题描述

我已经为 UI 组件创建了一个反应库，现在我想为 API 调用创建一个反应库，我有多个应用程序使用的后端系统，并且 APIS 和数据结构在多个应用程序中是相同的，所以我打算移动它库中的可重用逻辑。我该怎么做？如何使其可配置，以便不同的应用程序可以传递参数？

标签： reactjs

解决方案

对于库打包和发布，我建议你借助create-react-library

默认情况下microbundle-crl，此库提供roll-up. 在这种情况下，您可以使用其中任何一个。

在消费者应用程序中添加所有需要的库作为对等依赖项，如下所示。

  "peerDependencies": {
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-scripts": "4.0.1"
    "node-sass": "^4.14.0",
    "react-redux": "^7.2.2",
    "redux": "^4.0.5",
    "axios": "^0.21.1",
    "redux-saga": "^1.1.3",
  },

您可能需要使用 redux 保持全局状态，如果您希望使用 sagas、axios，请将它们作为对等依赖项移动，就像我在上面显示的那样。导出时，您可能需要考虑将 reducer、root-saga 等与整个包一起导出。

推荐阅读