在useEffect中设置适当的依赖项,以避免在组件中创建循环。例如,如果您使用了state变量和函数来处理某些功能,则应该将它们添加为useEffect的依赖项,以便useEffect只有在这些变量或函数更改时才触发。以下是一个示例代码:
import React, { useState, useEffect } from "react";
function ExampleComponent() {
const [count, setCount] = useState(0);
const [message, setMessage] = useState("");
useEffect(() => {
// 带有适当依赖项的useEffect
console.log("count changed", count);
}, [count]);
const handleClick = () => {
setCount(count + 1);
setMessage(`Count is now ${count}`);
};
return (
{message}
);
}
上一篇:包括调查加权变量