Inflearn Community Q&A
asked
ㅠㅠ 갑자기 어떻게 해서 검색기능이 구현된 건지 이해가 덜 되었어요...
Written on
·
307
1
data={this.state.information.filter(
info => info.name.indexOf(this.state.keyword) > -1
)}
이 부분때문일 거 같긴 한데요. indexOf는 인덱스를 뽑는 건데, 이걸로 어떻게 검색(필터링)기능이 구현 된 것인지 이해가 안되어서 질문드립니다..!
reactjavascript
Answer 1
3
indexOf함수가 index를 찾는 함수인데요. 없으면 -1를 리턴하게 됩니다.
info.name이 만약에 홍길동이면 제가 input창에 홍을 첬으면 홍길동에서 홍이 존재하기 때문에 index는 0이 반환되고 그럼 홍길동의 info정보가 date에 추가되는 것이죠.