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

JUNE·2021년 4월 4일
0

React

목록 보기
6/7
post-custom-banner
리액트에서 이벤트를 사용할때 주의 사항
  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개의 댓글