Skip to content
{}

高级组件-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);

好好加油吧,少年!