react 使用 useEffect return 函数的执行顺序能否调整？

Question

众所周知, react useEffect 无论 useEffect 函数还是 return
函数都是依次执行, 那么 如何让 return 函数倒顺序执行？

useEffect(() => {
  console.log(`我是 useEffect function 1`);
  return () => {
    console.log(`我是 useEffect return function 1`);
  };
});
useEffect(() => {
  console.log(`我是 useEffect function 2`);
  return () => {
    console.log(`我是 useEffect return function 2`);
  };
});

想要的执行顺序是进入为 func1 => func2, 退出为 return func 2 => return func 2

Answer 1

那你只保留一个useEffect里面的return，然后这个return 调用的方法里面顺序调用其它方法呗。

不过，说实话还是先正确理解react设计useEffect中return的目的再说其它的。可以这样用不等于这样用是正确的。

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。