Django REST with React（2）——React部分

思路

如何将Django REST 与 React结合？我们选择为React创建自己的’frontend‘Django app:载入一个HTML template，让React管理前端。

具体实现

创建React与webpack

1. 创建react 的 frontend app
   
2. 准备React的components文件夹与static文件
3. 安装webpack、webpack-cli、react
4. 配置好React环境

编写frontend app

1. 在frontend/templates/frontend中，创建index.html
2. 在frontend/views.py中创建view，render指向index
3. 在frontend中创建urls.py，导入视图
4. 在project/urls.py中导入frontend
5. 在INSTALLED_APPS中引入frontend

完成上面的操作后，打开http://127.0.0.1:8000/
会看到空白页面：

编写React frontend

1. 在frontend/src/components中写App.js
2. 在frontend/src/index.js中导入App.js

运行代码：npm run dev
重新运行:python manage.py runserver
访问http://127.0.0.1:8000/
页面显示：

总结

1. 创建一个新的Django REST API
2. 建设基于Django project with React
3. 连接React 与 Django REST API