React 에서 검색창 예제입니다. useState 를 사용하여 변경된 searchValue 값을 화면에 표시가 되고 리스트 값인 products 의 filter 를 사용하여 필터 검색 효과 예제입니다. 참고로 products 의 데이터는 App.js 에서 searchItems 로 값이 지정이 되어있고 props.searchItems 으로 데이터 값을 받아서 처리가 됩니다. [MySearchBar.js] import React, { useState } from "react" import './MySearchBar.css' const MySearchBar = (props) => { const products = props.searchItems; // console.log(global); const [sea..