我正在学习react Use Effect(). 在本例中,"Render"在我第一次运行应用程序时被记录了两次.
import { useState, useEffect } from "react";
function MyComponent() {
const [resourceType, setResourceType] = useState("posts");
useEffect(() => {
console.log("render");
}, [resourceType]);
return (
<>
<div>
<button onClick={() => setResourceType("posts")}>Posts</button>
<button onClick={() => setResourceType("users")}>Users</button>
<button onClick={() => setResourceType("comments")}>Comments</button>
</div>
<h1>{resourceType}</h1>
</>
);
}
export default MyComponent;
它应该在应用程序运行时呈现它一次. 为什么它在控制台日志(log)中打印两次.