🗺️ with-location
Custom Provider and HOC components for @reach/router
Available injected/inherited props
Name | Descriptions | Args |
---|---|---|
getFrom |
Get query value as string or object (will return a merged object) |
object or string
|
pushTo |
Add a new value to the query string | any |
clearByName |
Create a curried callback for clear-style UI elements |
fn => event
|
handleSearch |
Create a submit callback for handling search inputs (will delete paged queries) |
fn => event
|
getAll |
Returns an object of all params in play |
Example
import React from 'react';
import { withLocation, LocationProvider } from 'with-location';
const AsHoc = withLocation((props) => {
// props now includes the location decorators
return null;
});
const AsComponent = (props) => (
<LocationProvider>
{(utils) => {
// utils now includes the location decorators
return null;
}}
</LocationProvider>
);