Props代理
使用高阶组件能帮助我们对于传入的props进行修饰后传入真正的组件(类似于middleware的概念)
function HOC(WrappedComponent) {
return class Test extends Component {
render() {
const newProps = {
title: 'New Header',
footer: false,
showFeatureX: false,
showFeatureY: true
};
return <WrappedComponent {...this.props} {...newProps} />
}
}
}