React

스타일드 컴포넌트

sdafdq 2023. 11. 10. 13:47

되게 간단히 컴포넌트를 만들 수 있음.

저거는 외부 라이브러리라서 설치 해야 함.

 

import 해야 한다. 외부 컴파일러.

const TestData = styled.div`
    width:100%;
    height:100%
    backgroun-image:url(${props=>props.img});
`

저런 식으로.

말 그대로 스타일된 컴포넌트

 

저거 컴포넌트라 props 쓸 수 있음.

 

 

<TestData img=${이미지경로}></TestData>

이런 식으로.

 

컴포넌트라 img처럼 저렇게 속성 줄 수 있음.

 

 

'React' 카테고리의 다른 글

서스펜스, 비동기 로딩  (0) 2023.11.15
스프레드  (0) 2023.11.15
리액트 이미지 가져오는 법  (0) 2023.11.09
여러 개 데이터 뽑아서 문서에 넣기  (0) 2023.11.03
함수에서 사용하는 생명주기 useEffect()  (0) 2023.11.02