@n3/react-filters-filterlist
v0.6.2
Published
Integration of @n3/react-filters with @vtaits/react-filterlist
Downloads
294
Maintainers
Keywords
Readme
@n3/react-filters-filterlist
Инкапсулирует сериализацию, парсинг, изменения, отслеживание возможности сброса фильтров, передачу параметров values
, errors
и appliedFilters
.
Импорт
import { Filterlist, Filters } from '@n3/react-filters-filterlist';
Использование
<Filterlist
filters={filters}
filterData={filterData}
labelKey={labelKey}
typeKey={typeKey}
hintKey={hintKey}
loadItems={loadItems}
parseFiltersAndSort={parseFiltersAndSort}
onChangeLoadParams={onChangeLoadParams}
{...otherFilterlistProps}
>
{({
isListInited,
listState,
listActions,
}) => (
<div>
<Filters
isAdaptive={isAdaptive}
filtersBlockComponent={filtersBlockComponent}
/>
{otherJsx}
</div>
)}
</Filterlist>
filters - смотри @n3/react-filters;
filterData - смотри @n3/react-filters;
labelKey - смотри @n3/react-filters;
typeKey - смотри @n3/react-filters;
hintKey - смотри @n3/react-filters;
isAdaptive - смотри @n3/react-filters;
filtersBlockComponent - смотри @n3/react-filters;
loadItems - аналогично функции loadItems из filterlist, но принимает вторым аргументом объект
{ serializedValues: {...} }
, гдеserializedValues
- сериализованные значения фильтров;onChangeLoadParams - аналогично функции onChangeLoadParams из react-filterlist, но принимает вторым аргументом объект
{ serializedValues: {...}, serializeValuesForQueryString }
, гдеserializedValues
- сериализованные значения фильтров,serializeValuesForQueryString
- функция сериализации значений фильтров для адресной строки;parseFiltersAndSort - аналогично функции parseFiltersAndSort из react-filterlist, но принимает вторым аргументом объект
{ parseValues }
, гдеparseValues
- асинхронная функция парсинга значений, принимающая только один аргумент - объект значений;otherFilterlistProps - остальные параметры react-filterlist за исключением
isRecountAsync
, оно всегдаtrue
;isListInited - смотри react-filterlist;
listState - смотри react-filterlist;
listActions - смотри react-filterlist;