react-redux中的connect高阶组件封装

湖边看客

于 2022-10-31 22:32:11 发布

阅读量105

点赞数 1

CC 4.0 BY-SA版权

文章标签： react.js javascript 前端

本文链接：https://blog.youkuaiyun.com/VVVVV16/article/details/127624872

import React, { Component } from 'react';

class NotFound extends Component {
    render() {
        return (
            <div> 404NotFound </div>
        );
    }
}


// 自定义一个connect

function QConnenct(cb, obj) {
    var value = cb()
    return (MyComponent) => {
        return (props) => {
            console.log(props);
            return <div style={{ color: 'red' }}>
                <MyComponent {...value} {...props} {...obj} />
            </div>
        }
    }
}

export default QConnenct(() => {
    return {
        a: 1,
        b: 2
    }
}, {
    aa() {

    },
    bb() {

    }
})(NotFound)