Рендеринг компонентов React на основе данных из Python / Flask

#python #reactjs #mongodb #flask #content-management-system

#python #reactjs #mongodb #flask #система управления контентом

Вопрос:

Я пробую свои силы в создании простой CMS с React, Flask и MongoDB. Я пытаюсь найти способ получить данные из MongoDB через Flask для рендеринга правильных компонентов React.

Данные хранятся в MongoDB как:

 {
    title: "home",
    modules: {
        headerBlock: {
            title: "My Website"
            byline: "Some other text here"
        }
    }
}
  

Я могу довольно легко перенести эти данные в Python, но тогда мне нужно заставить Flask отображать компоненты React. Это привело бы к:

 <Header title="My Website" byline="Some other text here" />
  

Таким образом, для Flask должен быть какой-то способ предоставить контейнер и информацию о том, какие компоненты для рендеринга. (Будет более одного компонента).

Любая помощь, советы или подсказки в правильном направлении будут оценены!

Комментарии:

1. Я надеюсь, что вы не вводите компонент react в шаблоны flask html. Если вы склонны использовать react, вам следует использовать что-то вроде axios для выполнения вызова api, а затем получить ответ сервера рендеринга flask в формате json. это очень просто. Вы также должны подготовиться к изучению веб-токена json, поскольку вход в сеанс не будет работать для SPA

Ответ №1:

Это зависит от того, пытаетесь ли вы создать одностраничное приложение SPA с react во внешнем интерфейсе, вам нужно будет передать данные из вашего внутреннего интерфейса (flask), чтобы реагировать как данные json. У Flask есть функция под названием jsonify, которая отвечает на json.