Фильтр на 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 компонента и перед рендерингом получайте отфильрованный массив и затем рендерите его. Чтобы снизить количество запросов к серверу.
-
17:01
-
11:24
-
10:16
-
17:54
-
22:01
-
13:03
-
12:54
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
-
21:25
-
07:04
- Почему SERVER_ADDR имеет не тот IP 47565 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30497 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23633 visits
- Как через css изменить цвет png изображения? 10350 visits
- Blob video url download 9959 visits
- Php curl запрос через прокси с авторизацией 9212 visits
- Работа с captcha vk api 8095 visits
© "hostciti.net" 27.11.2024 | 17:34