首頁猿問 ...

用react從數(shù)組中查找某個值之后，再重新查找某個值怎么處理

Node.js

函數(shù)式編程 2019-03-25 10:11:02

list數(shù)組是顯示的數(shù)據(jù)，一般查找一次之后，只顯示查找到的某個值，用setState的話，當前的list數(shù)組就只有前一次查找的數(shù)據(jù)了，想要第二次從原數(shù)組中又查詢一個數(shù)據(jù)，應(yīng)該怎么寫。比如list=[1,2,3]，不搜索的時候顯示1,2,3;第一次搜索1，然后要讓顯示結(jié)果只有1，setState({list:[1])},想要再搜索2，就沒有結(jié)果了

查看完整描述

2 回答

慕勒3428872

TA貢獻1848條經(jīng)驗獲得超6個贊

原數(shù)組數(shù)據(jù)和查找結(jié)果數(shù)據(jù)分開存放，原數(shù)組數(shù)據(jù)不變

this.state = {
  list: []
};this.data = originData;

反對回復(fù) 2019-03-25

波斯汪

TA貢獻1811條經(jīng)驗獲得超4個贊

將搜索值和list值分開，list值保持不變

function List ({ list }) {  const [filter, setFilter] = useState('')  const resultList = list.filter(item => item.includes(filter))  return resultList.map(item => <li>{item}</li>)
}

反對回復(fù) 2019-03-25