Передача данных между API и базой данных с помощью React

Question

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

Я могу получить все данные электронной почты через вызовы ComponentDidMount к API.Он отображает их правильно, и я могу получить тему, тело и т. Д. Теперь мне нужно отправить тело выбранного в настоящий момент электронного письма с помощью кнопки на мою внутреннюю сторону, поработать с ним (сравнить строки с базой данных и т. Д.), А затемполучить результат обратно и отобразить его в div.Каков будет лучший способ пойти по этому поводу?

Я не смог найти хороших ответов на этот вопрос от Google.

Если бы я получил электронные письма и сделал все, что работает на стороне сервера, сначала каким-то образом, прежде чем получить тело и результат вместе сэто с React?Или есть способ, которым я могу отправить текущую строку тела на мой контроллер, выполнить работу и затем вернуть результат в асинхронном режиме?

Заранее спасибо!

Answer 1

Хотя этот вопрос слишком расплывчат, чтобы ответить, но я знаю, откуда вы, и я хочу дать вам несколько идей об общей структуре проекта, связанного с React:

• Бэкэндсторона должна быть предназначена для конечных точек Restful Api.
• Использовать Redux для управления состоянием внешнего интерфейса (реагировать) приложения.
• Использовать Redux-thunk (или Redux-saga) для управления побочными эффектами (вызывать api).)
• В componentWillMount или componentDidMount используйте Redux dispatch для отправки действия в Redux, затем используйте Redux-thunk (или Redux-saga) для вызова API и обновления состояния приложения.
• Компонент, который connect к состоянию приложения, будет обновляться на основе изменений состояния.

Это долгий путь, но эй, это то, что все мы должныпроходить через.Удачи!

PS: Если какие-то термины вам не знакомы, сделайте немного google-ings.