javascript - 组件渲染两次（reactJS）

Question

我有一个 React 组件，当我编译它时它会渲染两次。有什么想法？

import React, { useState } from "react";
export default () => {
  const [loaded, setLoaded] = useState(false);
  return (
    <>
      {console.log("test")}
      {alert("y")}
      <h2>Cargando</h2>
    </>
  );
}

标签： javascriptreactjsreact-routerreact-hooks

Answer 1

你怎么知道它渲染了两次？因为console.log？它只是意味着反应调用渲染的内部机制两次......你不应该关心它。必要时甚至可以调用 10 次