代码之家 › 专栏 › 技术社区 › intentionally-left-nil

useState是同步的吗?[复制]

react-hooks reactjs javascript

intentionally-left-nil · 技术社区 · 6 年前

过去,我们被明确警告 setState({myProperty}) 是异步的,并且 this.state.myProperty 在回调或下一个回调之前无效 render() 方法。

对于useState,如何在显式更新后获取状态值?

用钩子是怎么工作的?据我所知,setter函数 useState 不需要回拨,例如。

const [value, setValue] = useState(0);
setValue(42, () => console.log('hi callback');

我在旧世界的另一个解决方法是挂起一个实例变量 (e.g. this.otherProperty = 42) this 严格模式)。

2 回复 | 直到 6 年前

Claire Lin 6 年前

你可以用 useEffect 更新后访问最新状态。如果有多个状态钩子,并且只想跟踪其中一部分的更新,则可以将状态作为 使用效果 功能:

useEffect(() => { console.log(state1, state2)}, [state1])

以上 使用效果 只有在 state1 state2 此函数内部的值,因为它可能不是最新的。

如果您想知道 useState this answer 提供一些深入了解。

benas 6 年前

好吧,如果你提到 docs 你会发现。。。

const [state, setState] = useState(initialState);

返回一个有状态值和一个更新它的函数。

在初始呈现期间,返回的状态(state)与作为第一个参数(initialState)传递的值相同。

setState(newState);

在随后的重新呈现期间,useState返回的第一个值将始终是应用更新后的最新状态。

所以你的新状态,不管是什么,都是你刚刚设定的 useState ,即 initialState state ,之后会进行反应性更新。进一步引用 docs

componentDidUpdate . ^(docs)

推荐文章

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Agrim Singh · 对象无效,因为使用React router dom时显示React子错误

1 年前

Anaya Ammar · 渲染后未显示的值

1 年前

matin kahrizi · 当我的状态更改时,useSelector不更新

1 年前

YotiPoti · 我的照片太大了,无法容纳我的HTML画布。我该怎么办?

1 年前

Zemelon · -moz背面可见性不适用于顺风css

1 年前

Abdelaziz Elrasheed · 如何成为专业的网页开发人员。。。?[已关闭]

1 年前

JustTrynaProgram · React和Tailwind-从配置中读取自定义断点值

1 年前

Mark C. · 制作一个可松开的单选按钮[关闭]

1 年前

Tridip Lodh · 在ES6中,JAVASCRIPT函数在“严格使用”模式下的行为如何?[已关闭]

1 年前