Навигация с помощью react-router-dom
В реагировать-маршрутизатор-дом есть возможность отправлять данные между страницами в url
например myBurger/?bacon=2&salad=3
Мой вопрос в том, есть ли служба, которая делает строку данных (бекон, салат) из объекта ... Например
var ingredients = {
salad: 3,
bacon: 2
}
myCustomServiceConverter.FromObjectToString(ingredients);
// return ?bacon=2&salad=3
А на следующей странице будет функция, которая его декодирует обратно.
var URL = http://localhost:3000/myBurger/?bacon=2&salad=3
myCustomServiceConverter.FromStringToObject(URL);
// return { salad: 3, bacon: 2 }
пожалуйста, не предлагайте эти ссылка на сайт
Вы имеете в виду с редукцией? если я не хочу использовать redux и хочу, чтобы все было просто, почему бы не использовать параметры URL .... @JimiPajala
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Я создал небольшой плагин для такого рода операций, может, вы могли бы попробовать здесь.
Извините, но вы не поддерживаете вложенные объекты и массивы: /
Да, вы можете сделать это, используя библиотеку с именем qs
Вы можете найти документ здесь
https://www.npmjs.com/package/qs
let url = qs.stringify({salad: 3,
bacon: 2
})
а затем вернуть объект
используя другую библиотеку с именем query-string
https://www.npmjs.com/package/query-string
let url = this.props.history.location.state.query;
let object = queryString.parse(url, {arrayFormat: 'index'})
Полностью то, что я ищу :)
Зачем вам передавать данные с помощью url-параметров? есть гораздо более изощренные способы обработки данных.