容器组件一般以’高阶组件’形式存在, 它一般 ① 从外部数据源(redux 这些状态管理器或者直接请求服务端数据)获取数据, 然后 ② 组合展示组件来构建完整的视图....例如:
Bar 可以访问 Foo, 但不能再向下访问它的细节, 即不能访问../Foo/types.ts, 但可以访问它的出口文件....., 不能直接引用.....组件划分示例
我们一般会从 UI 原型图中分析和划分组件, 在 React 官方的Thinking in react也提到通过 UI 来划分组件层级: “这是因为 UI 和数据模型往往遵循着相同的信息架构...支持 props 生成和 markdown
可以用于组件测试. 支持组件结构测试, 交互测试, 可视化测试, 可访问性或者手动测试
丰富的插件生态
React 示例.