如何从REACT JS获取JSON以在NODE js中实现

Question

I am trying implement REST API using REACT AND NODE. How to get JSON from front end(REACT JS)drag and drop images in template ex." https://www.canva.com/templates/ " to store JSON in Mongodb using NODE JS.

Thanks in advance

Answer 1

You can use fetch api to call a particular route and send data along with it to nodejs backend. You just need to do simply like this:

async function sendData(){
  let res = await fetch(url, {
       method: 'POST',
       mode: 'CORS',
       body: {}, //the json object you want to send
       headers: {}, //if required
     }
  )
}

Hope this helps!

Answer 2

Since you asked how to send JSON to node.js I'm assuming you do not yet have an API that your front end can use.

To send data to the back end you need to create an API that accepts data. You can do this quickly and easily using express.js .

Once the server is running and it has an endpoint to send data to, you can create a request (eg when sending data it should be a POST request). This can be done in many different ways, although I would suggest trying axios .

Hope this helped.

Answer 3

Check the example to get the Json value and update it.

axios.get('https://jsonplaceholder.typicode.com/todos/'+ this.props.id + '/')
        .then((res) => {
            this.setState({
                // do some action
            });
        })
        .catch(function (error) {
            console.log(error);
        });