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

标签 javascript html reactjs testing

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

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

最佳答案

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

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

关于javascript - 我怎么知道 React 组件已完成处理生命周期回调并准备好在我的测试中进行交互?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57584293/

相关文章:

html - 当您在其下方添加另一个 div 时,如何使框阴影保持不变?

html - 根据功能而不是内容模型列出时,HTML 元素的分类名称是什么?

javascript - 如何在 React Native 中正确对齐文本输入?

javascript - ReactJs:是否可以按类名将 DOM 呈现为文档?

javascript - 减少代码长度

javascript - 验证 Javascript 中的空格

javascript - Meteor/Mongo - 你如何引用查找集合? (去规范化与规范化)

javascript - 如何从另一个 html 文件中取消隐藏元素 onclick

reactjs - 在React中,继承propTypes时,如何避免重复?

javascript - "/\s/g"如何用其他字符替换空格?