我怎么知道React中触发了什么渲染?

时间:2019-02-01 22:09:48

标签: reactjs react-fiber

我有一个很大的应用程序,到处都有高阶组件。我处于一种情况,其中我的一个控件获取正确的道具并渲染正确,然后立即获取错误的道具并重新渲染。我不知道是什么触发了第二次重新渲染。这并不是因为父组件获得了新一轮的支持,而是更像一些高阶组件调用setState

无论如何,我将调试器放在render方法内的断点处,怎么知道是什么触发了更高级别的调试器?

堆栈并没有多大帮助,我所看到的只是内部React调用:

render (value-picker.tsx:218)
finishClassComponent (react-dom.js:8415)
updateClassComponent (react-dom.js:8392)
beginWork (react-dom.js:8767)
performUnitOfWork (react-dom.js:10766)
workLoop (react-dom.js:10830)
callCallback (react-dom.js:580)
invokeGuardedCallbackDev (react-dom.js:619)
invokeGuardedCallback (react-dom.js:476)
renderRoot (react-dom.js:10908)
performWorkOnRoot (react-dom.js:11556)
performWork (react-dom.js:11509)
batchedUpdates (react-dom.js:11628)
batchedUpdates (react-dom.js:2504)
dispatchEvent (react-dom.js:3668)

0 个答案:

没有答案