react 小知识点总结

1.获取表单的所有数据

this.props.form.validateFieldsAndScroll((err, values) => {

  if(err){
    return;
  }
   console.log('_values', values);
});

2. 获取表单的部分字段数据

this.props.form.validateFieldsAndScroll([`timeUnit${num}`, `Time${num}`,`deviceTypeId${num}`], (err, values) => {
  if(err){
    return;
  }
   console.log('_values', values);
  let t1,t2;
  if(values[`Time${num}`] === undefined){
      t1= undefined;
      t2= undefined;
  }else{
      t1= values[`Time${num}`][0].unix()*1000;
      t2= values[`Time${num}`][1].unix()*1000;
  }

  const _q ={
      startTime: t1,
        endTime: t2,
        timeUnit: values[`timeUnit${num}`],
        deviceSN:  ""  ,  //设备编号
        modulleNo: "",    //(POCT BOX模块名称)
        projectNo: "",    //项目名称
        type: "",          //模块类型、error、open/close、
        subType: "",      //(预留字段) 
  }
});

ES6中Array.find()和findIndex()函数的用法

find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。

findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。

他们的都是一个查找回调函数。

查找函数有三个参数。

value：每一次迭代查找的数组元素。

index：每一次迭代查找的数组元素索引。

arr：被查找的数组。

先定义一个数组数据：

var stu = [
    {
        name: '张三',
        gender: '男',
        age: 20
    },
    {
        name: '王小毛',
        gender: '男',
        age: 20
    },
    {
        name: '李四',
        gender: '男',
        age: 20
    }
]

find()方法

function getStu(element){
   return element.name == '李四'
}
 
stu.find(getStu)
//返回结果为
//{name: "李四", gender: "男", age: 20}

ES6 方法使用

stu.find((element) => (element.name == '李四'));
//返回的是{name: "李四", gender: "男", age: 20}这个元素
stu.findIndex((element)=>(element.name =='李四'));
//返回的是索引下标：2