#javascript #reactjs #typescript #pagination
Вопрос:
Я использую асинхронную разбиение на страницы React, здесь я пытаюсь показать опцию группы, 1-из вызова api, 2-из локального хранилища, поэтому, когда я сохраняю любую опцию в локальном хранилище, асинхронная разбиение на страницы не повторяется, и поэтому список не обновляется.
const { result, err } = await props.api(inputQuery, otherOptions.page, props.perPage || 12, props.extra || null); const data = result?.data || result || []; const hasMore = (result?.pagination?.total || 0) gt; data.length loadedOptions.length; let Data = [{ label: 'Saved Search', options: [...data] }]; try { const localStoredItem = GetLocalStorageValues('recentSvdSrch'); let storeRecentFilter = localStoredItem ? JSON.parse(localStoredItem) : []; if (storeRecentFilter.length gt; 0) { Data.unshift({ label: 'Recent', options: [...storeRecentFilter], }); } } catch (err) { console.error(err); } return { options: Data, hasMore: hasMore, additional: { page: otherOptions.page 1, }, }; }; return ( lt;AsyncPaginate selectRef={ref} debounceTimeout={500} isLoading={loading} loadOptions={loadOptions} additional={{ page: 1, }} styles={ReactSelectStyles(props.error)} {...props} value={value} onChange={value =gt; setValue(value)} defaultOptions={props.defaultOptions} /gt; );
я хочу перерисовать страницу или каким-то образом обновить список.все предложения приемлемы, заранее спасибо