[TIL] React - onChange

👉 React의 onChange

input 태그에 onChange를 사용할 경우 키 입력 시마다 발생

import React from "react";

const Search = props => {
  return (
    <div className="search-bar form-inline">
      <input
        id="form-control"
        type="text"
        onChange={e => props.onSearchChage(e.target.value)}
      />
      <button className="btn hidden-sm-down">
        <span className="glyphicon glyphicon-search"></span>
      </button>
    </div>
  );
};

export default Search;

해결해야하는 점 : 키 입력 시마다 검색이 되기 때문에 검색어가 완성이 될때 검색이 될 수 있도록 수정 or 버튼 클릭시 검색하도록 수정 필요

✔ dangerouslySetInnerHTML 문제

✔ React에서의 이벤트핸들러