Valtioで超絶簡単React状態管理
3030 ワード
ステートオブジェクトを包む
import { proxy, useProxy } from 'valtio'
const state = proxy({ count: 0, text: 'hello' })
どこからでも変更できる
setInterval(() => {
++state.count
}, 1000)
useProxyでReactへ
function Counter() {
const snapshot = useProxy(state)
// 読み込む場合はsnapshot、いじる場合はstate
// snapshotの読み込み部分が変化したら再描画される
return (
<div>
{snapshot.count}
<button onClick={() => ++state.count}>+1</button>
</div>
)
}
Author And Source
この問題について(Valtioで超絶簡単React状態管理), 我々は、より多くの情報をここで見つけました https://qiita.com/daishi/items/5d49e3f63e539c90499a著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .