Задать вопрос
@Vakzinator
react

Как передавать данные в многостраничное react приложение?

Доброго времени суток!
Пытаюсь разобраться в react.js и возник вопрос - как передавать данные в реакт приложение правильно? Меня интересует именно информация, которая выводится на всех страницах сайта. Допустим меню в Header. Можно ли сделать, чтобы эти данные передавались в виде переменной с json в head? Что-то вроде такого:

<head>

	<script>
		var menu = {
			"items": [
				{
					"title": "Главная",
					"url": "/"
				},
				{
					"title": "Каталог",
					"url": "/catalog/"
				},
			]
		}
	</script>

	<script src="react.js"></script>
	<script src="main.js"></script>	
</head>
<body>
	<div id="app"></div>
</body>


Правильно ли это?
  • Вопрос задан
  • 141 просмотр
Комментировать
Подписаться 2 Простой Комментировать
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
Да так делать можно, но лучше как-то так:
window.__INITIAL_STATE__ = { /* ... */ };
При инициализации эти данные можно перехватить в состояние рутового компонента, или хранилище state management библиотеки если она используется.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
hzzzzl
@hzzzzl
так если "на всех страницах сайта", то наверно проще сделать отдельный компонент, который будет держать эти данные ну и подгружать их из json при своем componentDidMount?
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Ведущий React Native разработчик
Студия 15
от 200 000 до 250 000 ₽
React Native Developer
Wanted. • Санкт-Петербург
До 300 000 ₽
React Native developer (+Node.js)
CTRL+ • Москва
от 250 000 до 320 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Прочитать входной файл и сохранить в CSV на языке C++
24 нояб. 2024, в 11:28
1000 руб./за проект
Необходимо поменять пароль в WINDOWS
24 нояб. 2024, в 03:11
500 руб./за проект
Требуется консультация по UX-дизайну казино
24 нояб. 2024, в 01:35
5000 руб./за проект
Ещё заказы