#리액트 fetch 사용해서 post 방식으로 노드에 값 넘기기

리액트 노드 값 주고받기

 

리액트

useEffect(() => {
    const fetchData = async () => {
      const response = await fetch('/list/company', {
          method: 'POST',
          headers: {
            "Content-Type": "application/json",
          }, // json형태의 데이터를 서버로 보냅니다.
          body: JSON.stringify({
          id: title
        })
      })
      const json = await response.json();
      setFarm(json);
    };
    fetchData();
  }, []);

노드

app.post('/list/company', (req, res) => {
  console.log("리퀘 바디 : "+req.body.id)
    // collection = 테이블 이름
    db.collection('drList').find({title : req.body.id}).toArray((err, result) => {
        console.log(result)
        res.json(result);
    });
});

 

 

주의

req body 가  undefined 일때

const bodyParser = require('body-parser')
app.use(bodyParser.json());

바디파서 추가하셈