此警告的可能原因和解决方案

Question

X警告：渲染不同组件 ( ) 时无法更新组件( Y)。要找到内部错误的 setState() 调用Y，请遵循堆栈跟踪，如下所述：

Answer 1

对此文档有一些建议。看起来像是同样的警告。 医生门

支持在渲染期间调用 setState，但仅限于同一组件。如果您在不同组件上的渲染期间调用 setState，您现在将看到一条警告：

Warning: Cannot update a component from inside the function body of a different component.

此警告将帮助您发现由无意的状态更改引起的应用程序错误。在极少数情况下，您故意希望通过渲染来更改另一个组件的状态，您可以将 setState 调用包装到 useEffect 中。