javascript - 我怎么知道 React 组件已完成处理生命周期回调并准备好在我的测试中进行交互？

Question

需要一种方法来等待，直到为一个 React 组件处理完所有 React 回调

我正在为 React 组件进行交互测试。当我设置或更新我的应用程序时， react 组件会经历一个渲染周期。所以在派发交互事件之前，我需要等待所有的回调被成功处理并且组件被结算。有没有什么好的方法可以在测试中做这样的等待

Answer 1

我会使用异步 ComponentDidMount ( Is using async componentDidMount() good? )，一旦所有回调都成功完成，无论它们做什么，都将状态变量(例如 setupInProcess，它被初始化为 true)设置为 false。

只要 setupInProcess 为 true，render() 就会显示“正在设置”或“正在加载”(也可能是微调器)，当它设置为 false 时，将呈现它应该呈现的任何内容。