如何从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);
        });