import React, { Component } from "react";
class SearchBar extends Component {
render() {
return <input onChange={this.onInputChange} />
}
onInputChange(event){
console.log(event.target.value);
}
}
export default SearchBar;
자세한 설명은 생략함
다만
리액트의 이벤트핸들러라기보단
자바스크립트와 HTML로도 이렇게 작동하지 않음?
'FrontEnd > React' 카테고리의 다른 글
[React]YoutubeSearch API 사용 및 state 예시 (0) | 2018.12.29 |
---|---|
[React] state 및 this문제 (0) | 2018.12.29 |
[React]함수형 컴포넌트와 클래스형 컴포넌트 (0) | 2018.12.29 |
[React] 컴포넌트 분리 및 searchbar (0) | 2018.12.29 |
[React&Redux]리액트란? (0) | 2018.12.29 |