props 말고 slot

보호되어 있는 글입니다.

2023.06.28

props (v-bind)

보호되어 있는 글입니다.

2023.06.15

Component 만드는 또 다른 문법 class

Component 만드는 또 다른 문법 class 현재는 컴포넌트를 만들 때 function을 사용하지만 예전에는 class문법도 사용했다. 그냥 알아두자 1. class 에 component 이름을 작명한다. 2. constructor, super, render 함수 3개를 채워 넣는다. (기본 템플릿 같은 것) 3. render return () 안에 JSX를 작성한다. class Modal extends React.Component { constructor(){ super() } render(){ return ( Class문법이다 ) } } class가 뭔가요? class는 변수, 함수를 보관하는 장소다. extends는 기존 class안에 있던 변수, 함수를 복사해주는 문법이다. React.Com..

2022.11.11

props

props 부모 component의 state를 자식 component에서도 사용하려면 props로 전송해서 써야한다. props 전송은 부모->자식 만 가능하다. props로 부모>자식 state 전송하는 법 1. 부모 component 에서 2. 자식 component function에 props 파라미터 등록 function App(){ let [title, setTitle] = useState(['남자코트 추천', '강남 우동맛집', '리액트 독학']) return ( ) } function Modal(props){ return ( { props.title[0] } ) } 또는 자식 component에서 아래와 같이도 사용 가능하다. function Modal ({title}){ return ( ..

2022.11.11