Фильтр на React
В state массив и функция:
prices: [
{price: 1030},
{price: 500},
{price: 15500},
{price: 1300},
{price: 900},
]
Записываю его так:
filterino = () => {
let currentPrices = store._state.airCard.prices.filter(function (item) {
return item.price > 1000;}
);
По идее, в переменной currentPrices копия с 3 объектами.
Вопрос, как мне отрисовать currentPrices не перезатирая текущий state? Или всегда актуальный state будет запрашиваться с сервера перед вызовом фильтра и все ок?
Если перед вызовом метода фильтрации всегда запрашивается список prices, и после получения данных применяется фильтр (filter), то отрисовка currentPrices, содержащее отфильрованный новый массив со всеми элементами, прошедшими проверку, должна отработать нормально (как минимум потому что filter возвращает новый массив не пораждает мутации). Просто для рендеринга используйте полученную копию currentPrices из filterino метода.
Однако такой подход, вероятно, отправляет лишние запросы на сервер для получения данных.
Если данные, получаемые для prices, на стороне сервера изменяются не часто - рекомендую посмотреть в сторону хранения аргуметов фильтрации в параметрах URL к примеру, либо храните применяемые фильтры в state компонента и перед рендерингом получайте отфильрованный массив и затем рендерите его. Чтобы снизить количество запросов к серверу.
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
- Почему SERVER_ADDR имеет не тот IP 49889 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31892 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25851 visits
- Как через css изменить цвет png изображения? 11714 visits
- Blob video url download 11264 visits
- Php curl запрос через прокси с авторизацией 10639 visits
- Работа с captcha vk api 9457 visits
© "hostciti.net" 06.12.2025 | 22:48