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

原创于 2022-10-31 22:32:11 发布 · 121 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #javascript #前端

博客涉及前端开发，重点提及React.js和JavaScript。这两种技术在前端领域应用广泛，React.js是流行的前端框架，JavaScript是前端开发基础语言，它们助力构建高效、交互性强的网页。

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)