Максимальная глубина обновления превышена в реакции

Question

Я пытался устранить приведенную ниже ошибку, но не смог выяснить истинную причину.Я просмотрел все решения, которые были опубликованы, связанные с похожей ошибкой, но ни одно из них не ответило на мой вопрос.

Может кто-нибудь помочь мне с этим?

Uncaught Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
at invariant (react-dom.development.js:57)
at scheduleWork (react-dom.development.js:20921)
at Object.enqueueSetState (react-dom.development.js:11596)
at Router.push../node_modules/react/cjs/react.development.js.Component.setState (react.development.js:336)
at react-router.js:60
at listener (history.js:162)
at history.js:180
at Array.forEach (<anonymous>)
at Object.notifyListeners (history.js:179)
at setState (history.js:300)
at history.js:414
at Object.confirmTransitionTo (history.js:152)
at replace (history.js:397)
at Lifecycle.onMount (react-router.js:290)
at Lifecycle.componentDidMount (react-router.js:174)
at Lifecycle.componentDidMount (react-hot-loader.development.js:652)
at commitLifeCycles (react-dom.development.js:18115)
at commitAllLifeCycles (react-dom.development.js:19674)
at HTMLUnknownElement.callCallback (react-dom.development.js:147)
at Object.invokeGuardedCallbackDev (react-dom.development.js:196)
at invokeGuardedCallback (react-dom.development.js:250)
at commitRoot (react-dom.development.js:19898)
at react-dom.development.js:21446
at Object.unstable_runWithPriority (scheduler.development.js:255)
at completeRoot (react-dom.development.js:21445)
at performWorkOnRoot (react-dom.development.js:21368)
at performWork (react-dom.development.js:21273)
at performSyncWork (react-dom.development.js:21247)
at requestWork (react-dom.development.js:21102)
at scheduleWork (react-dom.development.js:20915)
at scheduleRootUpdate (react-dom.development.js:21610)
at updateContainerAtExpirationTime (react-dom.development.js:21636)
at updateContainer (react-dom.development.js:21704)
at ReactRoot.push../node_modules/react-dom/cjs/react-dom.development.js.ReactRoot.render (react-dom.development.js:22017)
at react-dom.development.js:22169
at unbatchedUpdates (react-dom.development.js:21492)
at legacyRenderSubtreeIntoContainer (react-dom.development.js:22165)
at Object.render (react-dom.development.js:22240)
at render (index.js:11)
at Module../src/index.js (index.js:25)
at __webpack_require__ (bootstrap:781)
at fn (bootstrap:149)
at Object.0 (helpers.js:20)
at __webpack_require__ (bootstrap:781)
at checkDeferredModules (bootstrap:45)
at Array.webpackJsonpCallback [as push] (bootstrap:32)
at main.chunk.js:1

Answer 1

Вы запускаете событие onclick? Я получил похожую ошибку, и я исправил ее, используя функции стрелок вместо стандартного вызова

<button type="button" onClick={() => this.example()}>test</button> Разместите свой код, пожалуйста

Answer 2

Не бойтесь читать сообщение об ошибке. В первой строке React пытается дать подсказку.

Превышена максимальная глубина обновления. Это может произойти, когда компонент повторно вызывает setState внутри componentWillUpdate или componentDidUpdate. React ограничивает количество вложенных обновлений для предотвращения бесконечных циклов.

1. Будьте осторожны с setState, может быть, вы пытались создать функцию, которая переключает состояние, я прав?
2. Проблема может быть в жизненных циклах, таких как componentWillUpdate.

Посмотрите внимательно на свой код и не бойтесь читать сообщения об ошибках или документацию. Удачи:)