使用高阶组件做props代理.

优质
小牛编辑
128浏览
2023-12-01

Props代理

使用高阶组件能帮助我们对于传入的props进行修饰后传入真正的组件(类似于middleware的概念)

  1. function HOC(WrappedComponent) {
  2. return class Test extends Component {
  3. render() {
  4. const newProps = {
  5. title: 'New Header',
  6. footer: false,
  7. showFeatureX: false,
  8. showFeatureY: true
  9. };
  10. return <WrappedComponent {...this.props} {...newProps} />
  11. }
  12. }
  13. }