Достижение предела URL при использовании react-router в сложном приложении, имеющем слишком много параметров для рассмотрения

#javascript #reactjs #react-router

Вопрос:

Приложение React, над которым я работаю, представляет собой огромную панель мониторинга, которая должна загружать определенную конфигурацию с учетом четко определенного URL-адреса.

Я хочу передать несколько параметров своему маршруту, и я не уверен, как это сделать наилучшим образом, не достигая предела строки URL (<2048).

Есть ли решение, которое позволяет читать и редактировать URL-адрес и не позволяет мне превышать указанный выше предел?

1. Требуется, чтобы все параметры были указаны в URL?, вы можете выразить эти параметры как группу?, например: эта конкретная конфигурация предназначена для управления, это для консультантов и т. Д. И т. Д.

2. Эй, @bilelMbkCg можешь привести пример? Необходимы ли эти параметры для загрузки состояния страницы или их можно перенести в состояние приложения?

3. Привет, @Matthi, в качестве примера, приложение должно иметь возможность загружать список флажков, в которых в URL-адресе GET указаны отмеченные / непроверенные элементы

4. Повлияет ли это на остальную часть страницы или она работает как предустановка? Фильтр в магазине может повлиять на список показанных товаров. Тогда эти параметры в URL были бы понятны. Если это просто пользовательский пресет, можете ли вы работать с состоянием приложения (например, с контекстом redux или React?

5. Да, @Matthi, это в основном фильтры.

Ответ №1:

На самом деле нет, подумайте о том, чтобы пожертвовать удобочитаемостью.

1. Должен ли я также пожертвовать использованием маршрутизатора React? если да, то каковы альтернативы?

2. Я бы оставил себе React Router. Я думаю, что это ограничение браузера.

3. Это действительно ограничение браузера, но длительная последовательность параметров, разделенных косыми ../../.. чертами, является корнем этой проблемы, следствием использования React Router.

4. Можете ли вы привести пример?

5. Это панель мониторинга, отфильтрованная по нескольким параметрам в списке флажков, URL-адрес должен содержать список отмеченных / непроверенных элементов и загружать страницу в соответствии с полями запроса. Эти параметры передаются в качестве реквизитов дочерним компонентам на главной панели мониторинга.