urlPushInAction(actionType, queryParam, valueType)

A helper function to create action creators that can create actions interpretable by urlQueryMiddleware and urlQueryReducer to push a change to one query parameter into the URL, adding an entry to the history stack. The standard format of an action produced by the action creators this function creates is:

  type: actionType,
  meta: {
    updateType: UrlUpdateTypes.pushIn,
    urlQuery: true
  payload: {
    queryParam: String,
    encodedValue: String,
    decodedValue: Any,
    type: valueType,


  1. actionType (String): The standard redux action type, maps to type in the action.
  2. queryParam (String): The name of the query parameter to update in the URL.
  3. valueType (String|Function|Object): The type of the data. This is used to encode the data via encode.


(Function): An action creator that will produce an action that is recognizable by urlQueryMiddleware and urlQueryReducer.


  • The default urlQueryReducer provided by React URL Query interprets the updateType property in the meta of the action to update the URL accordingly. If you are not using it, you'll need to do so manually.


const changeFoo = urlPushInAction('CHANGE_FOO', 'foo', UrlQueryParamTypes.number);
dispatches action of form:
    type: 'CHANGE_FOO',
    meta: {
      urlQuery: true,
      updateType: UrlUpdateTypes.pushIn
    payload: {
      queryParam: 'foo',
      encodedValue: '137',
      decodeValue: 137,
      type: UrlQueryParamTypes.number

results matching ""

    No results matching ""