[React]리액트의 이벤트 시스템
리액트에서 이벤트를 사용할때 주의 사항
- 이벤트 이름은 카멜 표기법으로 작성한다.
ex) html의 onclick은 react에서는 onClick - 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라 함수 형태의 값을 전달한다.
const Say = () =>{
const [message, setMessage] = useState('');
const onClickEnter = () => setMessage('안녕하세요!');
return (
<div>
<button onClick={onClickEnter}>입장</button>
(...)
- DOM 요소에만 이벤트를 설정할 수 있다.
- 우리가 직접 만든 컴포넌트에는 이벤트를 자체적으로 설정할 수 없다.
Author And Source
이 문제에 관하여([React]리액트의 이벤트 시스템), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@choie0423/React리액트의-이벤트-시스템저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
