React存储从useState返回的值

Question

我想知道React在哪里存储useState的值。假设我们有

function counter() {
const [count, setCount] = useState(0)
return (<div className="counter">{count}</div>)
}

这个组件将返回如下内容:{ type: 'div', props: { className: 'counter', children: null, etc... } }

现在我不确定的地方数引用/值被定位。它是与这个组件一起存储还是与它分开存储?

Answer 1

它存储在浏览器的本地内存中，这就是为什么无论何时值存储在react store中，无论是由useState, useReducer还是任何第三方状态管理库(如Redux)存储，刷新所有存储的值都会丢失，除了它的初始状态，或者当它存储在浏览器的localStorage中。

阅读更多关于React状态的文章…每个React开发者都应该知道的State