Question

正在阅读并观察将ReactJS集成到Django项目中的相当多的内容。我通过Django REST Framework以JSON的形式获得了从Django流出的数据的基本概念。

教程似乎结束的地方虽然数据是如何反向流动的，但Django表格中扮演的角色是什么？我认为输入元素被渲染回JSON，然后以PUT，PATCH，POST等形式通过Django REST Framework发送回来以更新模型。

然而，当谈到使用用户输入来对抗Django内置的身份验证视图时，我有点迷失。有没有人有这方面需要解释的经验？

Answer 1

首先，您必须使用Django-Rest-Framework开发API。

以下是如何在ReactJs中发送和接收数据的最小示例

将数据提交给api：

onSubmit(){
  fetch('https://djangoRest.com/endpoint/', {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    firstParam: 'yourValue',
    secondParam: 'yourOtherValue',
  })
  })
}

ReactJs从API

获取数据

loadData() {    
    fetch('https://djangoRest.com/endpoint/', {
            method: 'GET',
            headers: {
              'Accept': 'application/json',
              'Content-Type': 'application/json',
            }
          })
          .then((response) => response.json())
          .then((responseJson) => {
            if (responseJson.data) {
                this.setState({ Data: responseJson.data });
            }
            if (responseJson.errors) {
              console.log('errors', responseJson.errors)
            }
          })
    }

价： https://facebook.github.io/react-native/docs/network.html

使用前端框架的Django表单和身份验证（AngularJS / ReactJS）

1 个答案: