为什么Axios在useEffect中调用只返回一次数据？

Question

我想知道为什么来自带有axios的api调用的数据只返回一次，而每隔一次都是一个预定义的空数组。代码如下：

let { id } = useParams();
var [activity, setActivity] = useState([]);
var [loading, setLoading] = useState(true);

useEffect(() => {

    axios.get("http://localhost:8080/api/auth/admin", {
        headers: {
            'Content-Type': 'application/json',
            'x-access-token': AuthHeader()['x-access-token']
        }
    }).then((response) => {
        if (response.data.unauthorized) {
            AuthService.logout();
        }
    });

    axios.get(`http://localhost:8080/api/auth/get_activity/${id}`).then((response) => {
        setActivity(response.data);
        setLoading(false);
        console.log(activity);
    });


}, [id]);

现在，当用户单击另一个页面上的链接时，history.push(/user-activity/${value._id}会将他带到此页面，axios.get将使用id为useParams来收集数据并显示数据，但只有当我在useEffect条件中添加或删除id并刷新页面时，才会发生这种情况。对如何解决这个问题有什么想法吗？

Answer 1

useEffect()在每次后续的重新渲染或更新时运行。现在，如果我们传递第二个参数(这是一个包含要监视的状态变量列表的数组)，就可以跳过它。您已经传递了它，但现在[id]只会在此数组中的某一项发生更改时重新运行副作用。

您的状态变量是否正在更新/更改？因为如果它不是，那么它将不会被触发，因为它认为它是相同的，不是唯一的。