Question

我在父组件中有状态，必须将此状态传递给子父组件，以执行一些应该更新的操作。知道有什么问题吗？每次更新我的孩子和我的父组件重新渲染后，我在父级中有 useEffect() 钩子。我怎么能不每次都重新渲染？我应该使用简单变量作为传递列表吗？如果是，我如何每次更新它并将其传递给子组件知道我只是尝试在父组件中使用状态钩子有什么建议吗？

Answer 1

听起来你想要完成的事情与 React 的整个架构背道而驰。本地组件“状态”或传递给组件的“道具”的任何更改都会触发重新渲染。你到底想完成什么？代码示例会很好...

Answer 2

使用备忘录防止渲染子组件


Parent.js
---------

function Parent(props) {
  return (
    <div>
      <Child data={data}/>
    </div>
  );
}

export default Parent


Child.js
--------


function Child({data}) {
  return (
    <div>
      {data}
    </div>
  );
}

export default React.memo(Child);

如何将数据从父组件传递到子组件而无需每次都重新渲染父组件？

2 个答案: