react 如果刷新整个视图 但是组件不产生变化会影响性能吗

Question

问题示例：

function Parent(){
    const [state, setState]=useState(0)
    
    const handleClick=()=>setState(state+1)
    
    return <div>
        <button onClick={handleClick}>点我刷新Parent状态</button>
        <Child1/>
        <Child2/>
        <Child3/>
    </div
}

1. 点击按钮后
2. 整个Parent组件 以及3个子组件都会刷新视图
3. 但是子组件自身没有产生任何变化

请问这样会影响性能吗？

Answer 1

你想表达什么？刷新肯定需要消耗资源啊，不过组件树没有变化的话，开销是很小的。

Answer 2

如果刷新页面，肯定影响视图。它会从新渲染。