Как отобразить страницу реакции пользователя с Express бэкэндом?

Question

У меня есть узел / express сервер, работающий на http://localhost:3000/

Я обрабатываю почтовый запрос (от некоторого клиента http://example.com ) попадание на мой сервер узлов, я обрабатываю его, используя express маршрутизатор.

router.post("/", (req, res) => {
  let empid = req.body.empid;
  let depid = req.body.depid;
  let empdetails = //Fetch data from DB by passing empid & depid
  res.send(empdetails);
});

На последнем шаге вместо отправки empdetails клиенту, отправившему запрос на публикацию, я хочу отобразить данные сотрудника, используя мое приложение реаги * , работающее на http://localhost:5000/, передавая empdetails Реагировать на страницу.

Как этого добиться? Есть ли альтернативный способ добиться этого?

Answer 1

Вы можете использовать ax ios, чтобы получить данные из бэкэнда, от маршрутизатора, который вы установили для запроса get, и сопоставить его с пользовательским интерфейсом с помощью response, например, создать get запросите в вашем сервере узлов:

router.get("/api/empdetails", (req, res) => {
  EmpDetails.find()
    .then(EmpDetails=> res.json(EmpDetails))
    .catch(err => res.status(404).json({ err:err }));
});  // for example from a mongodb server getting data with mongoose

затем во внешнем интерфейсе, в вашем компоненте реакции:

import axios from "axios"

state={
 empDetails:[]    
  }

componentDidMount() {
     axios
    .get("http://localhost:3000/api/empdetails")
    .then(res => 
      this.setState({empDetails:res.data})
    })
    .catch(err => {
      console.log(err);
    });
  }
render(){
const {empDetails} = this.state
let empDetailsMarkup = empDetails ? (empDetails.map(empDetail => {  
 <p>empDetail.name</p> })) : null // assuming there is a name for each empDetail and this will print it to the screen
  return(<div>{empDetails}</div>)

}