버튼 생성을 하기 위해
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를 등록할 수 있기 때문
'개발 > react' 카테고리의 다른 글
| react.useState()는 데이터를 업데이트하는데 이용함!! (1) | 2022.09.24 |
|---|---|
| react.js는 바뀌는 부분만 업데이트한다는 점이 최고의 장점!! (0) | 2022.09.24 |
| react component를 다른 component에 넣으려면 함수로 만들어줌!! (0) | 2022.09.24 |
| react.js는 JSX를 통해 더 쉽게 createElement를 할 수 있음!! (0) | 2022.09.24 |
| react.js는 javascript에서 시작해 html에서 끝남! (0) | 2022.09.24 |