React

Kihan Gim·2019년 12월 29일
0

1.Event

1) 주의사항

(1) 이벤트 이름은 카멜 표기법으로 작성

ex) onClick / onKeyUP 으로 작성

(2) 이벤트 실행할 자바스트립트 코드를 전달하는것이 아니라, 함수 형태의 값을 전달

(3) DOM 요소에만 이벤트를 전달

즉 div,button,form,span 등의 DOM 요소에는 이벤트를 설정할 수 있지만 직접 만든 컴포넌트에는 이벤트를 직접적으로 설정 할 수 없음.
===> 틀린 표기

===> 옮은 표기 ## 2) 이벤트핸들링 익히기 ### (1) 컴포넌트 생성 Event.js 생성 ``` import React, { component } from 'react'; class Event extebds component{ reder(){ return (

연습

); } } exptort default Event: ``` ### (2) App.js 에서 Event 렌더링 ``` import React from 'react': import Event from'./Event'; const App = () =>{ retrun ; }; export defalt App; ``` ### (3) onChange 이벤트 핸들링 ``` import React from 'react': class event extends component{ render(){ return(

연습

{ console.log(e);} } />
);} } export default Event; ```
profile
코린이

0개의 댓글