javascript - React什么时候调用组件构造函数以及执行流程是怎样的?

标签 javascript reactjs

假设我有一个像这样的简单组件:

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/

相关文章:

javascript - Material Design - 确认对话框 - 如何在dialog.listen方法中使用promise?

javascript - 在 webpack 构建期间 Vuetify CSS 更改顺序

javascript - React.js 中 componentWillMount 调用的顺序

javascript - React Native - super 表达式必须为空或函数

javascript - 使用 React 的 Material UI

javascript - 如何使用 sinon 在回调中测试回调?

javascript - 用另一个包完全覆盖 NPM 包

javascript - 为什么我会收到 "unused default export"错误?

reactjs - 在不断变化的情况下,为什么需要Store?

javascript - PushState 创建重复的历史条目并覆盖以前的历史条目