如何通过React高阶组件创建示例面包屑导航？

本文共计2149个文字，预计阅读时间需要9分钟。

React 高阶组件是以高阶函数的方式封装React组件，它允许你将组件的功能进行复用和组合。简单来说，React 高阶组件就是以函数的形式接收一个React组件作为参数，并返回一个新的React组件。这种模式在React生态中非常常见，例如在react-router中用于页面路由管理。

什么是 React 高阶组件

React 高阶组件就是以高阶函数的方式包裹需要修饰的 React 组件，并返回处理完成后的 React 组件。React 高阶组件在 React 生态中使用的非常频繁，比如react-router 中的 withRouter 以及 react-redux 中 connect 等许多 API 都是以这样的方式来实现的。

使用 React 高阶组件的好处

在工作中，我们经常会有很多功能相似，组件代码重复的页面需求，通常我们可以通过完全复制一遍代码的方式实现功能，但是这样页面的维护可维护性就会变得极差，需要对每一个页面里的相同组件去做更改。