前端 - 在React中，如果不在useEffec()钩子函数内执行代码，那么这个是会怎么执行呢？

Question

我们知道，在React中，可以用useEffect模拟生命周期：

在React中，如果不在useEffect()钩子函数内执行代码，那么这个是会怎么执行呢？是否是也属于一种生命周期？

function CodeModCreator(props: CodeModCreatorProps) {
    
    console.log(props)  // 请问这个会在哪些场景就会执行呢？
    
    return ( <div>

    </div> );
}

Answer 1

每次组件 render 都会执行，比如说 props 或者 state 修改，都会执行，如果是在 useEffect 中的话，可以通过依赖去控制执行的流程，不过要合理利用依赖，避免导致不必要的执行。

// 这个只会在第一次mount 之后执行一次，state、props修改不会执行
useEffect(() => {
     console.log(121)
}, [])

// 这个会在 stateA 变更执行，props 变更不会执行
const [stateA, setStateA] = useState(1)
useEffect(() => {
   console.log(stateA)
}, [stateA])

Answer 2

每次渲染时都会执行