高级组件-react-redux
react-redux原理
就是函数内部返回一个函数,接收传过来一个组件,将函数传递过来的数据跟方法 利用父传子传递给需要的组件,返回一个新的组件
const Mycom = (props) => {
console.log(props);
return <div>自定义高阶组件</div>;
};
const MyConnect = (cb, obj) => {
// 获取返回的值
const value = cb();
// 返回一个函数 接收一个组件
return (Mycomponent) => {
// 把组件本身的props 属性传递给内部组件
return (props) => {
return (
<div>
<Mycomponent {...value} {...props} {...obj}></Mycomponent>;
</div>
);
};
};
};
export default MyConnect(
() => {
return { a: 1, b: 2 };
},
{ c() {}, d() {} }
)(Mycom);