javascript - React 如何检测内部组件的变化？

Question

组件如何知道它的 props 已更改以便重新渲染？

例如:

function component(props){
  return <p>{this.props.childVar}</p>
}

function parentComp(){
  let parentVar = 0;

   setTimeout(()=>{
    parentVar++;
    //what happens between: after this statement is executed and till the child component is re-rendered ?
  }, 1000)
  return <component childVar={parentVar} />
}

Answer 1

React 的 API 最重要的方面之一是它是声明式的，您不必担心何时以及如何捕获和处理更改。

基本上，每次你调用render , 正在制作不同的 react 元素树和 React 的 diffing algorithm将比较旧树和新树，并在必要时进行更改。

从组件的 Angular 来看，实例本身并不知道树、变化和更新。毕竟它只是一个函数，它根据参数( Prop )和本地状态(如果有的话)返回一个 react 元素。

您可以在 Docs 中阅读更多相关信息