How to post values from reactjs to expressJs

Question

My Front-end Code:-

const [stocks, setStocks] = useState([

    {
        "name": "TSLA"
    },
    {
        "name": "AAPL"
    },
    {
        "name": "AMZN"
    }
])


useEffect(() => {
    fetch('http://localhost:2701/' , {
        method: "POST",
        headers: {
            'Content-type': 'application/json'
        },
        body: JSON.stringify(stocks)
        })
        .then((result) => {
            console.log(result)
        })
        .then((info) => { console.log(info); })
})

My Back-end Code:-

router.post('/', async (req, res) => {
    var data = req.body.data;
    console.log("Data:-", data)
})

I want to send values from reactjs to nodejs server, if possible can anyone suggest using axios

Do you have any middleware to parse the body? Is the client making the wrong request, or is the server handling it wrongly? Find out and give a [mre] of the appropriate side. — jonrsharpe, Dec 27 '20 at 17:47
Does this answer your question? [Fetch: POST json data](https://stackoverflow.com/questions/29775797/fetch-post-json-data) — Artem Ptushkin, Dec 27 '20 at 19:20
Yes, I am using cors... and also body-parser.. The values which I pass from the back-end is able to read but value going from front-end is not able to — Maharsh Gheewala, Dec 27 '20 at 19:46

score 0 · Answer 1 · answered Dec 27 '20 at 16:29

0

Pls try the code below.

import axios from 'Axios';
...
    axios.post('http://localhost:2701/').then(response => {
      console.log(response);
    });

answered Dec 27 '20 at 16:29

Keerthi Vijay

356
2
9

And what do you think this will fix, exactly? – jonrsharpe Dec 27 '20 at 17:00
This gives him a snippet of code to use axios. – Keerthi Vijay Dec 27 '20 at 17:37
But what does that *fix*? Are you trying to say that fetch can't do what they want (it can)? This isn't even correct use of axios to post data, because you've included no data. – jonrsharpe Dec 27 '20 at 17:38
OP is using `fetch` API, why suggesting a different package ? – Nisharg Shah Dec 27 '20 at 17:47

How to post values from reactjs to expressJs

1 Answers1