SearchcraftResultsInfo

**@searchcraft/react-sdk**

---

@searchcraft/react-sdk / SearchcraftResultsInfo

SearchcraftResultsInfo(props, deprecatedLegacyContext?): ReactNode

This React component is designed to display the number of results returned from a search query.

Parameters

props

`SearchcraftResultsInfoProps`

deprecatedLegacyContext?

any

Deprecated

See

React Docs

Returns

ReactNode

Example

import React, { useEffect, useRef } from 'react';
import { SearchcraftResultsInfo } from '@searchcraft/react-sdk';

const MyResultsInfo = () => {
  const ref = useRef();

  useEffect(() => {
    ref.current.customFormatter = (range, count, responseTime) =>
      `${range[0]}-${range[1]} of ${count} results in ${responseTime}ms`;
  });

  return <SearchcraftResultsInfo ref={ref} />;
};

export default MyResultsInfo;