最近遇到後端返回數據,需要前端進行篩選展示的一個需求 這個是在react中寫的方法未命名文件 // 輸入框變化時,觸發onchange事件,進行數據篩選 changeZons = (e) = { const { zonesList } = this.state; const searchData = ...
最近遇到後端返回數據,需要前端進行篩選展示的一個需求
這個是在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,
});
}