因此，要求尽可能多地解耦，以便在删除任何集成的子组件时，父组件不会崩溃。其想法是创建带有根 Saga 中间件的父组件，中间件具有页眉、页脚和侧栏，进行验证和授权，并运行根saga。父组件将集成外部独立的子组件/项目，这些子组件/项目具有自己的一组Saga和Api调用。

我想要实现的目标将以下内容分离，并在单独的项目中创建ChildOne和ChildTwo，最后将它们集成到Parent项目中，作为plugin或library，但这些plugins或libraries将有自己的 Saga 和Api调用。
分离的原因公司有超过30个新项目，所有这些项目都由不同的开发人员处理。因此，我们试图将所有30多个项目集成到Parent项目中，目的是如果一个项目中断，其他组件将继续运行，并且如果我们集成或删除任何子组件，Parent也不需要进行自我调整，如以下结构所示，如果我们删除ChildOne组件，项目将中断，因为路径，即"../components/store/childone/saga"将无效。

我想知道使用injectReducer({ key: 'cartContainer', reducer }) & injectSaga({ key: 'cartContainer', saga });是否可以实现这一点，但请再次说明，您是否可以提供一个想法，说明如何使用此功能，在Parent或Children上的何处使用此功能，以及如何将所有children与Parent集成
我是相当新的React世界，所以我会感谢您的反馈，谢谢。
当前项目具有以下结构。
RootSaga.js

import ParentSaga from "../components/store/parent/saga"
import ChildOneSaga from "../components/store/childone/saga"
import ChildTwoSaga from "../components/store/childtwo/saga"

export default function* rootSaga() {
  yield spawn([
    ParentSaga(),
    ChildOneSaga(),
    ChildTwoSaga()
  ])
}

下面是routes.js的一个示例

import Parent from "../components/parent/index"
import ChildOne from "../components/childOne/index"
import ChildTwo from "../components/childOne/index""

const Routes = [

  { path: "/", component: Parent },
  { path: "/child-one", component: ChildOne },
  { path: "/child-two", component: ChildTwo }

这是我的index.js

import rootReducer from "./reducers"
import rootSaga from "./sagas"
const sagaMiddleware = createSagaMiddleware()

const store = createStore(
  rootReducer,
  composeEnhancers(applyMiddleware(sagaMiddleware))
)
sagaMiddleware.run(rootSaga)