现在我不完全确定是什么因素导致了这个问题，但让我们从我的最小复制开始
我想做什么
我想展示一个样式元素，它由模式内的各种“继承”成员组成。单击元素后，它将关闭模式。
实际结果
onClick出于某种原因，一旦您单击实际应该打开模式的按钮，该元素就会提前触发。这只是因为它是一个样式化的组件（我认为）。如果我将元素从 a 更改Para为 normal 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