Function ExistingSearchParams

ExistingSearchParams(__namedParameters: Props): Element

Include existing query params as hidden inputs in a form.

Parameters

__namedParameters: Props

Returns Element

Example

A pagination bar that does not clear the search query

<Form>
  <ExistingSearchParams exclude={['page']} />
  <button type="submit" name="page" value="1">1</button>
  <button type="submit" name="page" value="2">2</button>
  <button type="submit" name="page" value="3">3</button>
</Form>

Example

A search form that clears the page param

<Form>
  <ExistingSearchParams exclude={['q', 'page']} />
  <input type="search" name="q" />
</Form>