antd踩坑记
文章平均质量分 88
SAP.单刀赴会
趁年轻,多拼搏。
展开
-
Antd中Table组件多选时,会选中下一页同行数据问题
问题描述之所以会出现这类的问题,是由于你没有给每一页表格添加id,才导致勾选时会自 动保存到下一页,这里的id你可以自己去添加,主要就是区分,你可以用数据的id来作为标识解决办法添加rowKey属性并赋给唯一标识值。希望可以帮助正在踩坑的小伙伴们,我也会持续更新自己在antd中所遇到的问题。...原创 2019-08-20 10:11:27 · 1283 阅读 · 1 评论 -
antd数据传输过程
官网有详细的过程,建议先看一下官网首先得看懂antd的目录结构,知道你的业务和服务分别需要写在哪里面,这个需要很熟悉的知道的。通过react页面首次渲染的生命周期来解释一下这个数据传输过程,如何在刷新页面时,去取到后台数据并展示出来的。例子详解react首次渲染时写在componentDidMount函数中的,你需要在该函数中去查询全部数据注意该方法中的type属性,需要去请求mode...原创 2019-08-20 13:59:47 · 582 阅读 · 0 评论 -
antd中Modal组件的使用
对于刚接触antd的小白来说来弄懂Modal组件,还真不是一件简单的事情,关于如何取值,如何赋值,是我刚开始遇到的很大的问题:1.Modal组件的使用首先想去很好的展示Modal框,得需要明白该组件中的一些属性,官网介绍的也很详细,这里给大家展示我经常使用的属性:还有destroyOnClose:这里给简单大家看一下一个例子:写法就是这样去写。2.Modal数据展示关于如何通过...原创 2019-08-21 10:11:51 · 16323 阅读 · 6 评论 -
Failed prop type: Invalid prop `disabled` of type `string` supplied to `Input`, expected `boolean`.
这类警告,我的解决其实就是Input中的disabled赋值有问题,不能直接赋值true,需要通过变量来赋值:const disabled=true;<Input disabled={disabled} />原创 2019-08-21 10:57:08 · 3067 阅读 · 0 评论 -
react将多个单个数据包装成JSON传到后台
项目需求一个功能点需要支持批量操作也需要支持单个操作,而且是通过不同按钮去控制的,此时就需要去考虑的这样的问题了。例子详解我需要去做的就是可以通过批量去发送,也可以单个发送,但是他们请求的接口都会是同一个,所以数据类型也是一样的此时需要将数据都处理成这样的,对于批量数据,通过数组遍历就可以了,对于单条数据封装成一个数组再往后台传就可以了:首先看一下批量数据的处理:通过数组将勾选的...原创 2019-08-30 14:14:46 · 564 阅读 · 0 评论 -
antd根据工号自动带出姓名
项目要求:有时候为了用户更好的体验,我们不得不把操作做到方便用户操作,至于操作难度那是客户不需要考虑的,这时候就需要你去解决这些问题了如何通过输入工号,当鼠标移出失去光标时,自动带出姓名:类似于这样的问题,当我输入工号时自动带出姓名首先需要去考虑这个流程需要经过哪些步骤,当你输入工号时,需要去调用查询接口,当你信息填完后,需要请求提交接口下面请看一下我的实现方法关键代码展示:这是...原创 2019-09-06 13:30:38 · 1235 阅读 · 0 评论