尝试显示由样式组件组成的组件时反应状态问题（错误的 setState？）答案

【问题标题】：React state issue (a bad setState?) when trying to show a component composed with styled components尝试显示由样式组件组成的组件时反应状态问题（错误的 setState？）
【发布时间】：2021-10-15 07:48:14
【问题描述】：

现在我不完全确定是什么因素导致了这个问题，但让我们从我最小的reproduction开始吧

我想做什么

我想展示一个样式元素，它由模态框内的各种“继承”成员组成。单击元素后，它将关闭模式。

实际结果

由于某种原因，一旦您单击实际应该打开模式的按钮，该元素就会提前触发onClick。这只是因为它是一个样式化的组件（我认为）。 如果我将元素从 Para 更改为普通的 p，它的行为正确。

我想知道这是什么原因造成的？是不是我嵌套太多了？我得到的错误是


Warning: Cannot update a component (`App`) while rendering a different component (`Styled(Styled(styled.div))`). To locate the bad setState() call inside `Styled(Styled(styled.div))`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render

【问题讨论】：

标签： reactjs styled-components styled-system

【解决方案1】：

这里的问题是你在你的 Para 样式组件中传播 ...rest。从 ./Para.js 中删除它，它应该可以按预期工作

【讨论】：