小编Dav*_*vid的帖子

我在这里遇到了 React Hooks 的困扰。我在网上查找，但无法弄清楚如何使这些示例适应我的代码。我有以下组件会触发“太多重新渲染”错误：

const EmailVerification = () => {
  const [showMessage, setShowMessage] = useState(true);
  const [text, setText] = useState("...Loading. Do not close.");

  const { data, error } = useQuery(VERIFY_EMAIL);
  if (error) {setText(genericErrorMessage);}
  if (data) {setText(emailVerificationMessage);}

  return (
    <Wrapper>
      <Message setShowMessage={setShowMessage} text={text} />
    </Wrapper>
  )
}

如何重新组织我的代码以避免此错误？我知道 useEffect 挂钩应该用于执行副作用，尽管我不知道在这种情况下如何使用它（假设有必要）。