FlowModel vs React.Component

基本职责对比

特性/能力	`React.Component`	`FlowModel`
渲染能力	是，`render()` 方法生成 UI	是，`render()` 方法生成 UI
状态管理	内建 `state` 和 `setState`	使用 `props`，但状态管理更依赖模型树结构
生命周期	是，如 `componentDidMount`	是，如 `onInit`、`onMount`、`onUnmount`
用途	构建 UI 组件	构建数据驱动、流化、结构化的“模型树”
数据结构	组件树	模型树（支持父子模型、多实例 Fork）
子组件	使用 JSX 嵌套组件	使用 `setSubModel`/`addSubModel` 明确设置子模型
动态行为	事件绑定、状态更新驱动 UI	注册/派发 Flow、处理自动流
持久化	无内建机制	支持持久化（如 `model.save()`）
支持 Fork（多次渲染）	否（需手动复用）	是（`createFork` 多实例化）
引擎控制	无	是，受 `FlowEngine` 管理、注册和加载

生命周期钩子	`React.Component`	`FlowModel`
初始化	`constructor`、`componentDidMount`	`onInit`、`onMount`
卸载	`componentWillUnmount`	`onUnmount`
响应输入	`componentDidUpdate`	`onBeforeAutoFlows`、`onAfterAutoFlows`
错误处理	`componentDidCatch`	`onAutoFlowsError`

React：

class MyComponent extends React.Component {
  render() {
    return <div>Hello</div>;
  }
}

FlowModel：

class HelloModel extends FlowModel {
  render() {
    return <div>Hello</div>;
  }
}

FlowModel 可以与 React 互补使用：在 FlowModel 中使用 React 渲染，而由 FlowEngine 管理其生命周期和结构。