티스토리 뷰

React

[React]Component문법

Xion 2020. 11. 11. 23:39

치환해서 넣어주는 것  = component

즉, 하나의 HTML덩어리로 만들어 놓은 것.

 

관습(유의사항)

1.이름은 소문자보다 대문자로 시작  ( 소문자면 랜더링이 안됩니다.)

2.return()안에 있는 건 태그 하나로 묶어야 합니다.

->return() 내부를 묶을 때 의미없는 <div>를 사용하기 싫으면 <></>로 묶어주면 됩니다 (프레그먼트라고 부름)

 

문법

function Exapm(){
	
 return(   
          <>
              <div className="modal">
              	<h2>제목</h2>
                <p>날짜</p>
              </div>
          </>
		)
}

 

'React' 카테고리의 다른 글

[React]React & Node & Mongoose & git연동  (0) 2020.11.13
[React] package.json이란?  (0) 2020.11.13
[React]리액트 state 마음대로 변경하기  (0) 2020.11.11
[React]JSX에서 리액트 style  (0) 2020.11.11
[React]JSX와 Prop종류들  (0) 2020.11.08