API Reference / React InstantSearch / Redo

Redo

Signature 
<Redo
  // Optional parameters
  translations={object}
/>
Import
Copy 
1

import { Redo } from 'react-instantsearch-dom-maps';
See code examples
See live example

About this widget

We released React InstantSearch Hooks, a new InstantSearch library for React. We recommend using React InstantSearch Hooks in new projects or upgrading from React InstantSearch.

The Redo widget displays a button to redo the search on the current map view when the refined on map move option is disabled.

Examples

Copy 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

import {
  GoogleMapsLoader,
  GeoSearch,
  Redo,
  Marker,
} from 'react-instantsearch-dom-maps';

<div style={{ height: 500 }}>
  <GoogleMapsLoader apiKey="GOOGLE_MAPS_API_KEY">
    {google => (
      <GeoSearch google={google} enableRefineOnMapMove={false}>
        {({ hits }) => (
          <div>
            <Redo />
            {hits.map(hit => (
              <Marker key={hit.objectID} hit={hit} />
            ))}
          </div>
        )}
      </GeoSearch>
    )}
  </GoogleMapsLoader>
</div>

Props

translations
type: object
Optional

A mapping of keys to translation values.

  • redo: the label of the redo button.
Copy 
1
2
3
4
5

<Redo
  translations={{
    redo: 'Redo search here',
  }}
/>
Did you find this page helpful?
React InstantSearch v6