# 子应用隔离

考虑一下这样的场景：有一个大应用（对应 `` 组件）包含了很多小的“子应用”（对应 SubApp 组件）：

import React, { Component } from 'react'
import SubApp from './subapp'

class BigApp extends Component {
  render() {
    return (
      <div>
        <SubApp />
        <SubApp />
        <SubApp />
      </div>
    )
  }
}

这些 `` 是完全独立的。它们并不会共享数据或 action，也互不可见且不需要通信。

这时最好的做法是不要把它混入到标准 Redux 的 reducer 组件中。 对于一般型的应用，还是建议使用 reducer 组件。但对于 “应用集合”，“仪表板”，或者企业级软件这些把多个本来独立的工具凑到一起打包的场景，可以试下子应用的方案。

子应用的方案还适用于有多个产品或垂直业务的大团队。小团队可以独立发布子应用或者互相独立于自己的“应用壳”中。

下面是 connect 过的子应用的根组件。 像其它组件一样，它还可以渲染更多子组件，connect 或者没有 connect 的都可以。通常只要把它使用 `` 渲染就够了。

+

关注公众号，获取验证码 ！

验证码： 确定

关注公众号即可阅读全文 >