如何從REACT JS獲取JSON以在NODE js中實現

Question

我正在嘗試使用REACT和NODE實現REST API。 如何從前端（REACT JS）獲取JSON並將圖像拖放到模板ex。“ https://www.canva.com/templates/ ”中，以使用NODE JS將JSON存儲在Mongodb中。

提前致謝

Answer 1

您可以使用fetch api調用特定路由，並將數據連同它一起發送到nodejs后端。 您只需要這樣做：

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

希望這可以幫助！

Answer 2

因為您問過如何將JSON發送到node.js，所以我假設您還沒有前端可以使用的API。

要將數據發送到后端，您需要創建一個接受數據的API。 您可以使用express.js輕松快速地做到這一點。

服務器運行后，它具有向其發送數據的端點，就可以創建一個請求（例如，在發送數據時，它應該是POST請求）。 盡管我建議嘗試使用axios ，但是可以通過許多不同的方式來完成。

希望這會有所幫助。

Answer 3

檢查示例以獲取Json值並更新它。

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