ayanami/esnext/connect.js

A better way to react with state

import * as React from 'react';
import { useAyanami } from './hooks';
export function connectAyanami(AyanamiClass) {
    return function connectMap(mapStateToProps, mapActionsToProps) {
        return function connectComponent(Component) {
            return function ConnectAyanami(props) {
                const [state, action] = useAyanami(AyanamiClass);
                const mappedState = mapStateToProps ? mapStateToProps(state) : {};
                const mappedAction = mapActionsToProps ? mapActionsToProps(action) : {};
                return React.createElement(Component, Object.assign({}, mappedState, mappedAction, props));
            };
        };
    };
}