category.png

item:option.png

type P = Props & WithOrchestra<Payloads> 
& Payloads & DispatchProps & RouteComponentProps<Params>

interface

interface IActionTypes {
  [key: string]: string
}

const Actions: IActionTypes = {
  INIT: "INIT",
}

  loadListings() {
    const { page } = this.state
    this.props.call(Actions.INIT, 
    { page, per_page: 25, order_asc: "des", order_by: "updated_at" })
  }

add sth e.g the loading in content

  {loading.listings ? (
              <Loading />
            ) : ( <Table />)

sth before the connect

function* load({ match }: RouteComponentProps<Params>, { params }: any) {
  const { storeId } = parseParams(match)
  const { list, paging: { totalPages } } = yield call(mainV2.store(storeId).modifierSets.list, params)
  return {
    list,
    totalPages,
  }
}

const OrchList = orchestra<Props, Payloads>([
  {
    type: ActionTypes.INIT,
    action: Actions.INIT,
    prop: "listings",
    runner: load,
    initParams: { page: 1, per_page: 25, 
      order_asc: "des", order_by: "updated_at" },
  },
])(List)