为什么我们都state和props?为什么我们不只有一个数据源?我想更新一个组件props并让它重新渲染自己及其所有子组件.看起来很简单,但我无法弄清楚如何让组件更新自己的或其父级的道具.
谢谢你的帮助.
什么时候使用钩子的 React 组件会重新渲染?
让我们假设组件:
useStateprops从其父级接收是否会在以下事件之后直接重新渲染,并且仅在这些时间点发生?
propsstate 已更新相关问题
让我们假设组件有多个useState表达式,并且用户交互会导致多个状态更新。
组件会重新渲染多次,每个state更改的值一次,还是将这些相关的更改批处理为一次重新渲染?
我在互联网上发现了这个“只要状态或道具发生变化,反应组件就会自动重新渲染”,但是如果在道具中我传递了与状态不同的东西,它不会引发渲染,即使道具已经改变在时间里。
在此代码中,我传递了一个 prop 而不使用状态
家长
import React from "react";
import Child from "./child";
export default function Parent() {
let count = 0;
setInterval(() => {
count++;
console.log(count);
}, 1000);
return <Child count={count} />;
}
Run Code Online (Sandbox Code Playgroud)
孩子
import React from "react";
export default function Child(props) {
console.log("render from child"); //console.log once
return <h1>{props.count}</h1>;
}
Run Code Online (Sandbox Code Playgroud)
谢谢你帮助我解决我心中的混乱