Skip to content

useReactive

一个类似vue中的reactive函数的hook,用于将对象转换为响应式对象。

前置条件

该hooks依赖于useCreationuseUpdate,需要先下载 useCreationuseUpdate 文件。

下载useReactive.ts文件,并将文件放入src/hooks文件夹下。

src/hooks/index.ts写入以下代码

tsx
export * from './useReactive';

基础实用

tsx
import { useReactive } from '@/hooks'

function App() {
    const state = useReactive({
        count: 0
    })

    <div>
        <p>{state.count}</p>
        <button onClick={() => state.count++}>count++</button>
    </div>
}