2018-08-14

今日份收获（1th）

一、时间戳转换为日期：

timestampToDate(timestamp) {
  var date = new Date(timestamp);
  var Y = date.getFullYear();
  var Mon = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : (date.getMonth() + 1);
  var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate() ;
  var H = date.getHours() < 10 ? '0' + date.getHours() : date.getHours() ;
  var Min = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes() ;
  var S = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds() ;
  return (
    {year:Y,month:Mon,day:D,hours:H,minutes:Min,seconds:S}
  )
}
//console.log(timestampToDate(1398250549123))
//{ year: 2014,month: '04', day: 23, hours: 18, minutes: 55,seconds: 49 }

• 可以依据自己需要的格式进行输出
• 注意变量名别取重复了，第一次写月和分的变量名都写了M，结果可想而知
• React里面的时间戳转换可以使用：

import moment from 'moment'  //引入
moment(需要转换的时间).format('YYYY-MM-DD HH:mm:ss')
//2018-08-13 21:10:29
//测试 如果 mm  ss  写成大写的会出错

二、React Modal组件的使用

如果遇到我这样的程序猿，你可能想打人；
别人：Modal用得十分顺利，遮罩层的颜色很浅，很完美
Me：昨天中午用的Modal比别人的遮罩层颜色黑了三个度，
开始怀疑人生，找了样式发现颜色一样，开始怀疑电脑。。
晚上再用，wo要死了，遮罩层好比天都黑了。。。

Why?emmmm:历史教训告诉我，别把Modal写在循环里面（第一次循环了3个，第二次十多个吧，天黑也很正常，保持微笑）

三、State 的更新是异步的

其他甚好的原理记得去看大佬的解释，我的记忆已经深深地提醒我：调用setState，组件的state并不会立即改变，比如：

//selectedTab 初始值为 all 修改后应该为 NoPay
  onChange={(tab, index) => {
  console.log('111', this.state.selectedTab)  //setState 前输出
  this.setState({
       selectedTab: tab.sub
  }, () => { console.log('222', this.state.selectedTab) })  //setState  回调
  console.log('333', this.state.selectedTab)  //setState 后立马输出，还在onChange内
  }}

selectedTab 初始值为 all 修改后应该为 NoPay
上面的函数执行后输出的结果将会是：
111 all
333 all
222 NoPay
结果可以显示出，当setState完后，并没有立即改变了state的值，所以如果在onChange这个函数内使用这个state的值你会觉得自己setState失败了，但是其实并没有，从回调函数中可以看到，这个值已经被改变了，但是是要离开当前函数才能看到修改后的值

so:当发现自己的setState没有起作用的时候，可以考虑一下是否还没有在值被改变的时候使用了state的值

另外还有一个尚未理解的问题：
看到的资料都说，只有setState可以改变state的值，但是下面这种情况是如何实现改变state的值？

 onChange={(tab, index) => {
     this.state.listUserOrder.type = tab.sub
     this.setState({
        listUserOrder: this.state.listUserOrder
     })
     this.ListUserOrder()
  }}

上面这个代码是先改变了state中一个listUserOrder的type的值，然后通过
执行setStatelistUserOrder: this.state.listUserOrder,是可以实现修改state的值的，这种也算是setState的方式吗？这样子的话是不是说：资料说的只有setState可以改变state的值，不能单纯赋值改变指的是：单纯赋值可以改变state一时的值，而只有通过setState才能够被保存下来使用？

四、Reat里面事件绑定吧

吃过n多次亏，传不了值，都是因为this的问题，像写了个async的接口请求，在render中调用的时候，就会发现又不起作用了，现在的条件反射是：没有写箭头函数/bind（this）
onLeftClick={ this.onGoback} 无效
onLeftClick={() => this.onGoback()} 有效
用bind(this)也会有效
有待深入研究