搜索历史

{{ i+1 }}{{ v }}

搜索推荐

{{ i+1 }}{{ v }}

"什么是 prop drilling，如何避免？"

转载翻译原创

问答题 · 前端 · react · @{ formatTime(detail.create_time) }

什么是 prop drilling，如何避免？

在构建 React 应用程序时，在多层嵌套组件来使用另一个嵌套组件提供的数据。最简单的方法是将一个 prop 从每个组件一层层的传递下去，从源组件传递到深层嵌套组件，这叫做prop drilling。

prop drilling的主要缺点使原本不需要数据的组件变的复杂，并且难以维护。

为了避免prop drilling，一种常用的方法是使用React Context。通过定义提供数据的Provider组件，并允许嵌套的组件通过Consumer组件或useContext Hook 使用上下文数据。

PS：写作不易，如要转裁，请标明转载出处。

猜你想看: 什么是虚拟DOM？; 什么是高阶组件？; shouldComponentUpdate 是做什么的?; 为什么虚拟 dom 会提高性能?; react diff 原理?; 组件库如何做按需加载？; useMemo & useCallback的作用是什么？

回顶部