目录:
1.react-进阶-antd-搜索
2.react-进阶-antd-依赖项说明
3.react-进阶-antd-删除
1.react-进阶-antd-搜索
我们jsx代码里只能返回一个最顶层的根元素
下拉框简化写法:把这个对象结构赋值一下:
清空
定义个参数类型
做修改事件
需要定义三个事件处理函数,定义一个不行的,因为组件他们的风格不同意事件处理函数接受的参数不一样
条件变了,触发依赖项重新查询
get请求会把汉字进行url的编码
2.react-进阶-antd-依赖项说明
form可以简化
pagination是不能改的
3.react-进阶-antd-删除
添加操作类属性可以随便写
加一个显示:
此时A6里面的代码是很多的,再写删除,修改的逻辑非常麻烦,react推荐以组件化的方式编写代码,我们写删除功能,我们可以把删除的功能抽取成一个组件,A6调用它
将删除组件引入P6组件
显示删除成功,页面没更新,手动刷新页面才行:
我们可以改变form依赖项,来刷新页面:
我们给删除组件加一个函数
A6组件传一个函数
删除3号元素
就实现了删除之后刷新页面: