快速开始
安装
提示
@silver-formily/reactive-react 迁移自 @formily/[email protected]。
注意
@silver-formily/reactive-react仅兼容react/react-dom^18 || ^19。@silver-formily/reactive-react仅发布 ESM 产物，未考虑cjs等编译格式。
bash
pnpm add @silver-formily/reactive-react @silver-formily/reactive react react-dombash
npm install @silver-formily/reactive-react @silver-formily/reactive react react-dom快速上手
tsx
import { observable } from '@silver-formily/reactive'
import { observer } from '@silver-formily/reactive-react'
const state = observable({ count: 0 })
const Counter = observer(() => (
<button onClick={() => state.count++}>{state.count}</button>
))observer 包装的组件在每次渲染时收集用到的响应式字段，字段变化时只有当前组件重渲染，其余组件不受影响。
选择 API
- 响应式渲染：优先使用
observer，局部 JSX 可使用Observer。 - 派生值：
useComputed返回表达式结果，props/state 输入通过deps声明。 - 副作用：
useAutorunEffect自动执行，或用useReactionWatch监听值变化。 - React 18/19 ref 写法、订阅重建与清理时机见 API 文档。
useComputed不再接受fireImmediately；该选项仍可用于useReactionWatch。