小编bam*_*ami的帖子

我真的很想了解 React 功能组件的生命周期。在许多网站中，您会看到这三个步骤：
1-安装2-渲染3-卸载。

但是，在 useeffect() 函数之前编写的其他代码又如何呢，例如假设：

const Countdown = () => {
  let x = 0;
  const [countDown, setCountDown] = useState(10)
   
   x = x + 1
   
   if(x > 100) { 
     x = 0
   }

  useEffect(() => {
    const interval = setInterval(() => {
        setCountDown(countDown - 1);
        console.log(x)
      }, 1000);
    }, [countDown]);
};

我想知道 ：

1. 当 countDown 状态和 x 变量在 useEffect 之前或之后（或内部）声明时？

2. 当if或for 短语被声明时（在此示例if短语中），它们确实在 useEffect 内吗？

什么是加载页面顺序？执行的起点是什么？