//useState input이벤트
const [text, setText] = useState('')
const onChangeHandler = e => setText(e.target.value)
//<input onChange={onChangeHandler} />
//클래스 컴포넌트에서 input 한번에 제어하기
const onChangeHandler = e => {
this.setState({
[e.target.name]: e.target.value
})
}
//<input onChange={this.onChangeHandler} />
//Enter 이벤트
const onEnterHandler = e =>{
if(e.key === 'Enter'){
//엔터누르면 발생할 내용
}
}
|
'basic > React.js' 카테고리의 다른 글
[React.js] Hooks (0) | 2021.03.10 |
---|---|
[React.js] ref DOM을 사용해야하는 경우 (0) | 2021.03.10 |
[React.js] Redux 개념 (0) | 2021.03.03 |
onContextMenu 마우스 우클릭 이벤트 (0) | 2021.03.02 |
[React.js] Context (0) | 2021.03.02 |