useSearchParams

использоватьSearchParams

React Hook для использования служебных методов URLSearchParams.

Установить

НПМ

npm install use-search-params --save

пряжа

yarn add use-search-params

Использование

Перехватчик возвращает текущее значение строки запроса URL-адреса вместе с методами URLSearchParams для управления им.

 import useSearchParams from 'use-search-params' ;

const MyComponent = ( ) => {
  const [
    queryString ,
    { append , entries , get , getAll , has , keys , remove , set , sort , values }
  ] = useSearchParams ( ) ;

  const entries = entries ( ) ;
  const keys = keys ( ) ;
  const values = values ( ) ;
  const value = get ( 'key' ) ;
  const allValues = getAll ( 'key' ) ;
  const hasKey = has ( 'key' ) ;

  return (
    < div >
      < p > Query string: { queryString } < / p >
      < button onClick = { ( ) => append ( 'key' , 'value' ) } >
        Append
      < / button >
      < button onClick = { ( ) => remove ( 'key' ) } > Remove < / button >
      < button onClick = { ( ) => set ( 'key' , 'value' ) } > Set < / button >
      < button onClick = { ( ) => sort ( ) } > Sort < / button >
      < button
        onClick = { ( ) => {
          window . location . search = queryString ;
        } }
      >
        Set new location with generated queryString
      < / button >
    < / div >
  ) ;
} 

Узнать больше

Этот хук использует API URLSearchParams.

Лицензия

Массачусетский технологический институт