Render Props

Posted by Bibooo on 08-17,2022

React 组件之间使用一个值为函数的 prop 共享代码的简单技术。

横切关注点

横切关注点指的是一些具有横越多个模块的行为,使用传统的软件开发方法不能够达到有效的模块化的一类特殊关注点。

例子:编写一个处理医生记录的 app,这些记录的索引是核心模块,同时关于存储或用户信息的数据的历史日志,或者登陆的验证系统,由于和app中大部分模块都有关系所以成为了“横切关系”。

使用 Render props 来解决横切关注点

组件是 react 代码复用的主要单元,但如何将组件封装的状态或行为共享给其他需要相同状态的组件并不总是显而易见。

你可以使用一个 Render Props 来完成一个 Hoc