2018年06月_快乐的小z

原创实现有多个图片的遍历显示react

如图要想实现这个效果，首先这些图片是存储在一个数组中的，我们要取出图片然后遍历显示出来，可以如下显示： render: (text) => { if (text && text.length) { const imgs = text.map((item, index) => <div ...

2018-06-27 12:27:52 4234 1

最近在写项目中发现如果想要对一个数组进行操作经常会用到遍历的方式，在用到遍历的方式的时候经常用到的有map和forEach方法，下面结合我查阅的资料和自己项目中的体会谈谈二者的区别。首先map方法：map对一个数组对象进行操作时，一般是生成一个新的数组，可以在map中限制生成新数组的条件，有返回值forEach方法：forEach方法一般是对原有的数组进行操作，没有返回值示例下方提供了一个数组，如...

2018-06-26 10:21:23 4965 2

原创 js函数之some和filter

最近在实现一个功能时一开始想的比较简单，后来因为需要更加完善的功能一时无从下手最终是带我的学长实现的，看了他写的代码学到不少，下面记录一下自己的心得体会。如图要实现的是左边模糊查询以后右边显示出查询的结果，然后点击相应的结果以后下方显示出对应的记录。首先对于上面的查询显示就是一个简单的模糊查询主要依靠后台的结果，然后将查询的结果放在select的option里面即可对于下方的展示功能（注意还有右方...

2018-06-25 10:12:53 2892

原创关于react的resetFields使用

最近在写项目中为了清空modal中的值，所以用到了resetFields方法，该方法主要是对form中的值进行重置，没有默认值的情况下会被清空但是需要注意的是若是有需要部分的值一直存在的话，要注意在清空之前进行一个保存，在清空之后在用setFieldsValue进行设置如图注意resetFields的位置...

2018-06-21 16:41:57 15154 3

原创 react span设置行内样式自动换行

设置样式之前要先设置display和width，因为span是行内元素本身是没有宽度的宽度默认是auto，所以如果不事先设置这两个属性直接设置whiteSpace是不起作用的。...

2018-06-19 12:56:34 8447

原创 antd datePicker控件获取时间

获取默认时间的二种方式第一种首先是获取当前时间可以是这样的注意到这里设置的defaultValue就是显示的默认时间如果想要获取一段时间比如说7天以前的我们可以这样const startTime = moment().add(-7,'days').format('YYYY-MM-DD');然后将moment的第一个参数改成startTime即可第二种这种情况可能是你把dataPicker放到了fo...

2018-06-19 10:19:19 25658 6

原创 react组件封装自己的理解

为什么使用组件一开始用react做项目的时候只知道react是组件化的，但是没有深入去理解为什么要封装组件，怎样去封装组件上周在实际项目中自己尝试去封装了一个组件，最大的感受就是代码变得简洁了很多，本来要写三次类似代码现在只写一次就搞定了，不得不感概组件封装最实在的意义。另一方面是可以提高我们编程的效率，代码复用性高了自然效率高了。最后我觉得是提高思考的能力吧，换种更简单的方式去实...

2018-06-11 19:18:41 5789

原创 react 两个下拉框嵌套查询

需求：如下图所示，在年级复选框的前提下区分成全部，上架，下架三个选项首先我们在之前下拉框后增加一个下拉框，如果值比较少，可以手动写好在onselect中实现对应的事件方法取到我们选择的值，接下来我们需要在state中存放一个变量用来保存onselect变化时选择的value值，以便在我们需要的地方去使用这样就可以实现多个下拉框筛选功能了...

2018-06-04 16:56:01 2010

Alison_Z的博客