JSX는 JavaScript를 확장한 문법이다. HTML에서 사용하는 태그들과 비슷한 문법을 사용한다.
function Start () {
return (
<div>
<div>Hello World!</div>
</div>
)
}
컴포넌트의 구성 요소. react앱의 최소 단위이다.
import { Component } from "react"
Class New extends Component {
render() {
return <div>클래스형 컴포넌트</div>
}
}
exprot default New
function New() {
return <div>함수형 컴포넌트</div>
}
export default New
↓ 화살표 함수로 간단하게 표현이 가능하다.
const New = () => <div> 함수형 컴포넌트 </div>
export default New
보통 JavaScript는 변수로 선언하여 사용하지만 React에서는 state로 사용한다.
state는 변수 대신 쓰는 데이터 저장 공간이며, useState()를 이용해 사용한다.