useEffect 清理中的执行顺序

Question

  useEffect(() => {
    return history.replace({
      pathname: "path/A",
    });
  }, []);

  useEffect(() => {
    return history.replace({
      pathname: "path/B",
    });
  }, []);

卸载组件后，URL 将是什么？ 是什么决定了上述 2 useEffect的执行顺序？

Answer 1

由于您不通过任何部门的deps ； 这两个useEffect都只会在组件安装时呈现。 因此，结果是（并且永远是） "path/B" 。

如果您希望它在组件卸载时更改，您需要将return function 添加到其中之一。

useEffect(() => {
    history.replace({ pathname: "path/B" });
    return () => history.replace({ pathname: "path/B" });
}, []);