react.js는 property에 event를 등록할 수 있음!!

버튼 생성을 하기 위해

const btn = React.createElement("button", null, "Click me")

ReactDom. render(btn, roo) // root 안에서 button을 렌더링

 

span과 btn을 둘다 렌더링하고 싶다면

const container = React.createElement("div", null, [span, btn])

ReactDom.render(container, root) // root 안에서 container를 렌더링

 

button click 이벤트를 리스닝하고 싶다면

const btn = React.createElement("button", {

  onClick: () => console.log("I'm clicked"),

},

"Click me"

)

property로 이벤트 리스너를 추가하는 것이 가능

html 만들고, 내용 넣고, 이벤트 리스너도 넣는 것을 한번에 한 것!!

 

react.js는 interactivity를 위한 것. property에서 event를 등록할 수 있기 때문