Filter (1) 썸네일형 리스트형 리액트에서 filter로 검색 기능 구현하기 리액트 프로젝트에서 검색기능을 구현할 일이 있어서 구글링을 좀 해봤다. 죄다 filter를 쓰고 있길래 filter를 쓰면 되는구나 했는데 정확한 사용 방법을 잘 모르겠어서 좀 더 찾아보았다. filter() 함수는 자바스크립트 내장 함수인데 아래 코드와 같이 사용할 수 있다. const searched = data.filter((item) => item.roomName.toLowerCase().includes(search) ); searched에는 검색 결과가 배열로 저장되며 data 변수에는 데이터베이스에서 불러온 데이터가 저장되어 있다. filter 함수 안에 있는 item은 data 변수에 저장된 배열형 데이터의 각 요소를 순차적으로 담는 변수이다. 즉, 서버에서 전달받은 데이터가 아래 코드와 같.. 이전 1 다음
