Function SearchResultState

SearchResultState(props: SearchResultStateProps): Element

Call a child render function passing a search state as an argument.

Parameters

props: SearchResultStateProps
see SearchResultStateProps.

Returns Element

Remarks

By default, results are taken from context, but when a "query" prop is set, results are requested from the search api.

Example

Consuming results from context:

<SearchResultState>
  {({ loading, error, value }) => (
    <List>
      {value?.map(({ document }) => (
        <DefaultSearchResultListItem
          key={document.location}
          result={document}
        />
      ))}
    </List>
  )}
</SearchResultState>

Example

Requesting results using the search api:

<SearchResultState query={{ term: 'documentation' }}>
  {({ loading, error, value }) => (
    <List>
      {value?.map(({ document }) => (
        <DefaultSearchResultListItem
          key={document.location}
          result={document}
        />
      ))}
    </List>
  )}
</SearchResultState>