js常用方法，react 组件传参，下拉框缺省全选

最新推荐文章于 2023-01-04 16:03:44 发布

前端（从入门到入土）

最新推荐文章于 2023-01-04 16:03:44 发布

阅读量666

点赞数

文章标签： react.js 前端

本文链接：https://blog.csdn.net/qq_45600228/article/details/121420591

版权

用到的js方法

0-100之间的随机整数

这边的环境暂时没有数据，要自己生成一些假数据测试，用到了这个方法
parseInt(Math.random()*100)

数组排序

let arr = [2,6,1,7,4,0]
//sort()方法只适用于number类型
arr.sort()
console.log(arr)
// [0,1,2,4,6,7]

数组去重

measurementItemsList = measurementItemsList.filter((item , key , arr)=>{
   return arr.indexOf(item , 0) === key
})

react 组件传参

点击查看图表需要根据当前页数据生成echart图表
//PerformanceDataChart 是封装的组件   dataSource：需要展示的数据
<PerformanceDataChart dataSource={this.state.dataSource} />
this.props.dataSource就是传过来的参数

select下拉框缺省全选

setsListChange = (item) =>{
    let setListChange = []
    this.props.performanceTask.menuListTwo.map((item , key)=>{
        setListChange.push(key)
    })    
    this.addForm.setFieldsValue({
        measurementItem:setListChange 
    })
}

这几天在研究echart图表，等熟悉了详细写一篇文章介绍