Как я могу узнать, что запускается рендеринга в React?
У меня очень большое приложение с компонентами высшего порядка везде. Я нахожусь в ситуации, когда один из моих элементов управления получает правильные реквизиты и рендерит правильно, а затем сразу же получает неправильные реквизиты и снова рендерится. Я не могу понять, что вызывает второе повторное рендеринг. Это не из-за нового раунда реквизита, который получил родительский компонент, а скорее как некоторые вызовы компонентов более высокого порядка 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)