Context Docs

Connect the view to the model by using the connect HOC.

Description

The connect HOC will consume the selectProps from the context module state, and will inject the decorated actionProps from the context module.
It will use the instanceId passed to the connected component by the parent, or it will take the instanceId from the context.
The connect HOC will also act as context provider for the passed instanceId.

E.g.:

Given

import { connect } from "@redux-mvc/core"

import { getters, actions } from "../model"

const decorate = connect(
    { count: getters.count },
    { add: actions.add, reset: actions.reset }
)

Note: any connected children of the Counter component will keep the right instanceId by default.

Then we can render different instances of the same Counter module.

import Counter from "ui-kit/Counter/View"

const Counters = () => (
    <div>
        <Counter />
        <Counter instanceId="apples" />
        <Counter instanceId="oranges" />
    </div>
)

Edit this page on GitHub

Context: Create

Connect: Docs