React-Django学习36-添加删除按钮

增删改查的API都完成了。我们现在开始制作前端代码。

首先我们需要添加删除记录的按钮。

再表格最右边，添加操作栏，然后添加一个删除按钮。

首先添加表头

表头添加成功

然后给每一行添加按钮。

这样就给每一行都添加了删除按钮。

完整源码，请参考：

前一节: React-Django学习35-添加删除API

目录：

Django学习1-Django的安装

Django学习2-如何新建一个Django项目

Django学习3-添加一个Django App

Django学习4-Django数据库设置

Django学习5-Django新建model

Django学习6-Django访问model

Django学习7-Django Admin的使用

Django学习8-url分配

Django学习9-数据填入页面

Django学习10-给页面添加模板

Django学习11-给页面添加模板2

Django学习12-给主页面添加链接

Django学习13-给联系人页面添加链接

Django学习14-使用通用视图类

Django学习15-使用通用视图类2

Django学习16-安装REST framework

Django学习17-编写联系人表list API

Django学习18-nodejs安装

Django学习19-新建ReactJS项目

Django学习20-开发环境前后端集成

Django学习21-修改前端显示后端数据

Django学习22-添加单个通讯录信息API

Django学习23-添加电话号码到API

Django学习24-前端显示电话号码

Django学习25-添加电话号码管理界面

Django学习26-添加ReactJS路由模块

Django学习27-添加详细联系人页面

Django学习28-添加详细联系人链接

Django学习29-更新API URL

Django学习30-增加新建API

React-Django学习31-前端添加新建按钮

React-Django学习32-前端添加新建联系人输入框

React-Django学习33-调用新建联系人API

React-Django学习34-添加修改API

React-Django学习35-添加删除API