[React]리액트의 이벤트 시스템

JUNE·2021년 4월 4일
0

React

목록 보기
6/7
리액트에서 이벤트를 사용할때 주의 사항
  1. 이벤트 이름은 카멜 표기법으로 작성한다.
    ex) html의 onclick은 react에서는 onClick
  2. 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라 함수 형태의 값을 전달한다.

const Say = () =>{
  const [message, setMessage] = useState('');
  const onClickEnter = () => setMessage('안녕하세요!');
  
  return (
    <div>
    	<button onClick={onClickEnter}>입장</button>
	(...)
     
  1. DOM 요소에만 이벤트를 설정할 수 있다.
  • 우리가 직접 만든 컴포넌트에는 이벤트를 자체적으로 설정할 수 없다.
profile
이것저것

0개의 댓글