Передача исходных данных с сервера в приложение React

Question

Я создаю статический веб-сайт вопросов и ответов, который отображает все свои страницы на стороне сервера через Django, за исключением одной страницы, которая отображается на стороне клиента с помощью React (страница «Просмотр вопроса»). Существует questionId, которое необходимо знать моему приложению React, чтобы выполнить первоначальный Ajax-запрос на выборку данных вопроса для заполнения страницы.

Каков наилучший способ вставить значение в ответ сервера, чтобы React мог прочитать его при инициализации?

Несколько решений, о которых я могу подумать (ни одно изони кажутся очень элегантными):

1. Добавить атрибут data-question-id к некоторому тегу на странице;заполняйте это, когда страница отображается на стороне сервера, а затем читайте ее из React.
2. Разбор значения из URL /question/question-id-value/ изнутри React.

(Примечание: я не спрашивает, как сделать асинхронный запросна сервер)

Answer 1

Я бы использовал ReactRouter для передачи информации из маршрута (URL) в приложение. https://github.com/ReactTraining/react-router/blob/v3/docs/guides/RouteMatching.md

Answer 2

Вы можете использовать глобальную переменную javascript, например

DataExchanger = {
   questionId: x
}