最近遇到后端返回数据,需要前端进行筛选展示的一个需求
这个是在react中写的方法未命名文件
// 输入框变化时,触发onchange事件,进行数据筛选
changeZons = (e) => { const { zonesList } = this.state; const searchData = []; zonesList.forEach((item) => { let pass = true; if (e.target.value) { if (item.jobZone.indexOf(e.target.value) < 0) { pass = false; } } if (pass) { searchData.push(item); } }); this.setState({ zones: searchData, }); } // 下拉菜单变化时,进行数据筛选 changeZonsAll = (key) => { const { zonesList } = this.state; const searchData = []; zonesList.forEach((item) => { let pass = true; if (key && key !== 'all') { if (item.status.indexOf(key) < 0) { pass = false; } } if (pass) { searchData.push(item); } }); this.setState({ zones: searchData, }); }
如对本文有疑问, 点击进行留言回复!!
JavaScript 好题汇总分享(持续更新,看到好题就写)
XMLHttpRequest 2级 &&进度事件&&JSONP
使用递归原生实现拷贝&&最简单的方法实现深拷贝
网友评论