본문 바로가기

basic/React.js

[React.js] 몇가지 이벤트 제어 방법

//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