用react从数组中查找某个值之后,再重新查找某个值怎么处理

list数组是显示的数据,一般查找一次之后,只显示查找到的某个值,用setState的话,当前的list数组就只有前一次查找的数据了,想要第二次从原数组中又查询一个数据,应该怎么写。
比如list=[1,2,3],不搜索的时候显示1,2,3;第一次搜索1,然后要让显示结果只有1,setState({list:[1])},想要再搜索2,就没有结果了

函数式编程
浏览 1080回答 2
2回答

慕勒3428872

原数组数据和查找结果数据分开存放,原数组数据不变this.state = {   list: [] };this.data = originData;

波斯汪

将搜索值和list值分开,list值保持不变function&nbsp;List&nbsp;({&nbsp;list&nbsp;})&nbsp;{&nbsp;&nbsp;const&nbsp;[filter,&nbsp;setFilter]&nbsp;=&nbsp;useState('')&nbsp;&nbsp;const&nbsp;resultList&nbsp;=&nbsp;list.filter(item&nbsp;=>&nbsp;item.includes(filter))&nbsp;&nbsp;return&nbsp;resultList.map(item&nbsp;=>&nbsp;<li>{item}</li>) }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Node.js