mice-params
v4.0.0
Published
конструкция для связывания значений параметров в URL и свойств контолов по соглашению
Downloads
10
Readme
mice-params
конструкция для связывания значений параметров в URL и свойств контолов по соглашению
соглашение
компоненты react приложения вложены в react-route-dom.BrowserRouter и Route с параметрами. во время работы приложения можно получить доступ к значениям переменной в адресной строки, используя зацепки:
- useRouteValue и useQueryString ожидают имя переменной, адаптер значений и предоставляют пары [value, setValue].
- при изменении значения через предоставленную setValue изменяется значение адреса.
- useRouteValue - изменяет адрес методом history.push
- useQueryString - изменяет адрес методм history.replace
- useLocationEffect ожидает функцию и список имен. функция будет вызвана с параметром - Record<string,string>, где ключи - имена из списка, возможно не все, а значения - найдены в адресной строке. Параметры из location.search имеют приоритет перед значением
history is a singleton
Используем этот факт, чтобы создать фабрику призвязывателей. Фабрика содержит четыре варианта
- useBoolean
- useDate
- useNumber
- useString
Привязыватель получает имя поля в query-string подписывается на уведомления от history и побуждает перерисовку контрола только если значение указанного поля изменилось.