假设我有一个像这样的简单组件:
export default function Foo({someProp}) {
const a = Math.random();
return <div>{a}{someProp}</div>
}
据我所知,当 someProp
更新时,React 会触发重新渲染。它会执行整个Foo
吗?再次运行并重新分配 const a
新的随机值?值会显示在<div>
中吗? ?
谢谢。
最佳答案
您每一个问题的答案都是是。正如您所说,当 props
发生变化时,以及当 state
发生变化时,都会触发重新渲染。重新渲染时以及第一次渲染时,就分配变量和其他所有内容而言,一切行为都像普通 JavaScript 函数一样,除了与 React Hooks 相关的一些内容,例如使用useState
,使用 useRef
创建的 ref
...
关于javascript - React什么时候调用组件构造函数以及执行流程是怎样的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72263820/