#reactjs #express #frontend #jsx #react-fullstack
#reactjs #экспресс #интерфейс #jsx #react-полный пакет
Вопрос:
Я новичок в React JS, но я хочу подключить свой серверный сервер к React JS. Я хочу получить данные поля ввода и соединить их с серверной частью. Ранее я использовал EJS для FE. Я хочу сделать то же самое, что и на React. Возможно ли это?
Комментарии:
1. Вы должны найти какое-нибудь руководство по Интернету, есть относительно много статей и видео, чтобы сделать это, если что-то не работает в руководстве или что-то трудно понять, вы можете спросить снова здесь
2. @Sreerag чтобы быстро получить помощь, попробуйте настроить свою работу на React fiddle, то есть jsfiddle, codeopen, codebox
Ответ №1:
ReactJS — это интерфейс, а NodeJS — серверная часть,
Вы не можете напрямую взаимодействовать с серверной частью, но вы можете создать REST API, который позволяет вашему интерфейсу взаимодействовать с вашей серверной частью.
Создайте свой API на серверной части nodejs, затем из вашего интерфейса отправьте данные через post-запрос на конечную точку вашего API.
Способ работы react на стороне клиента не похож на PHP, вы переходите на разные страницы, которые уже загружены с помощью файлов javascript, все отображается с помощью Javascript, поэтому оно не отображается с сервера, поэтому для передачи / извлечения данных потребуется API.
существуют варианты рендеринга reactjs на стороне сервера, например, NEXTJS — лучший фреймворк для рендеринга Reactjs на сервере, но все равно большая часть reactjs будет находиться на клиентском js.
Ответ №2:
Вы могли бы попробовать начать с разветвления готового к использованию примера изолированной среды на codesandbox.
В README.md файле есть руководство о том, как настроить все самостоятельно. Я бы настоятельно рекомендовал настроить его хотя бы один раз локально, чтобы получить представление о том, что вам нужно будет запустить его самостоятельно.