Function useDecoratedSearchResults

  • useDecoratedSearchResults<T extends readonly HitDecorator[]>(): DecoratedResult<
        T,
    >

    Applies decorator types to provided products. If value is not provided, returns the latest search results from the store instead.

    Type Parameters

    Returns DecoratedResult<T>

    Example

    import { useDecoratedSearchResults } from '@nosto/search-js/preact'
    import { priceDecorator } from '@nosto/search-js/currencies'

    export default () => {
        const results = useDecoratedSearchResults<[typeof priceDecorator]>()

        return (
          <div>
            List price is {results[0].listPriceText}
          </div>
        )
    }
  • useDecoratedSearchResults<T extends readonly HitDecorator[]>(
        products: SearchProduct,
    ): DecoratedProduct<T>

    Applies decorator types to provided products. If value is not provided, returns the latest search results from the store instead.

    Type Parameters

    Parameters

    • products: SearchProduct

    Returns DecoratedProduct<T>

    Example

    import { useDecoratedSearchResults } from '@nosto/search-js/preact'
    import { priceDecorator } from '@nosto/search-js/currencies'

    export default () => {
        const results = useDecoratedSearchResults<[typeof priceDecorator]>()

        return (
          <div>
            List price is {results[0].listPriceText}
          </div>
        )
    }
  • useDecoratedSearchResults<T extends readonly HitDecorator[]>(
        products: SearchResult,
    ): DecoratedResult<T>

    Applies decorator types to provided products. If value is not provided, returns the latest search results from the store instead.

    Type Parameters

    Parameters

    • products: SearchResult

    Returns DecoratedResult<T>

    Example

    import { useDecoratedSearchResults } from '@nosto/search-js/preact'
    import { priceDecorator } from '@nosto/search-js/currencies'

    export default () => {
        const results = useDecoratedSearchResults<[typeof priceDecorator]>()

        return (
          <div>
            List price is {results[0].listPriceText}
          </div>
        )
    }

Settings

Member Visibility
MMNEPVFCICPMFPCPTTAAATR