React Redux 丐中丐版

[n3taway]

const store = {
    data: { name: 'jsx' },
    getData() {
        return this.data;
    }
};

function connect(_mapToPropsFn) {
    const dataFromStore = store.getData();
    const selectData = _mapToPropsFn(dataFromStore);
    return function (_component) {
        return _component(selectData)
    };
};

function divComponent(props) {
    return `<div>${JSON.stringify(props)}</div>`
}

const component = connect((store) => {
    return { ...store, age: 12 };
})(divComponent);

console.log('component: ', component); // component: <div>{"name":"jsx","age":12}</div>

// document.body.innerHTML = component;