[React Native] onChange 이벤트

안녕하세요.

 

이번 시간에는 onChange에 대해서 알려드리도록 하겠습니다.

 

ReactNative에서는 onChange를 기존 쓰던 방식으로 하면 결과 값이 아무것도 표시되지 않는 것을 확인 할 수있습니다.

 

그럼 ReactNative 에서는 event.nativeEvent.text 이라는 코드를 사용하셔야 합니다.

 

ReactNative가 아닌 React JS 에서는 onChange 이벤트 발생하려면 event.target.value를 입력하시면 됩니다.

 

간단한 예를 보여드리도록 하겠습니다.

 

onChange={(event)=> console.log(event.target.value)} 라는 코드를 작성하면 이벤트가 발생됩니다.

 

하지만 ReactNative에서는 evenvt.target.value라는 코드의 이벤트가 발생되지 않습니다.

 

ReactNative는 event.nativeEvent.text 라는 코드를 작성해야 됩니다.

 

요약하자면

#React JS
 onChange={(event)=> console.log(event.target.value)}

#ReactNative
 onChange={(event) => console.log(event.nativeEvent.text)}

 

수고하셨습니다.