react component (2) 썸네일형 리스트형 React props props 자식 컴포넌트가 부모 컴포넌트에 있던 state를 쓰고 싶으면 props로 전송해서 써야한다. 왜냐하면 컴포넌트 는 함수 이고 자바스크립트에선 다른 함수에 있는 변수(state)를 마음대로 가져다 쓸수 없기 때문이다. function App (){ let [title, setTitle] = useState(['저녁 장보기', '병원 예약', '파이썬독학']); return ( ) } //다른 컴포넌트에서 선언된 state를 사용 했기때문에 에러가 날것임. function Modal(){ return ( { title[0] } 날짜 상세내용 ) } 그런데 컴포넌트 가 부모/자식 관계인 경우엔 state를 자식컴포넌트로 전송 가능하다. 다른 컴포넌트 안에 있는 컴포넌트를 자식 컴포넌트 라고 한다... React Component React 는 긴 HTML을 태그 하나에 넣어놓을 수 있는 문법을 제공하는데 이것을 Component 라고 부른다. 이걸 이용하면 원하는 곳에 태그 한줄로 꽃아넣을 수 있다. //Component 구조 function App (){ return ( HTML태그들 이렇게 한 덩어리로 만들어서 넣어줘야한다. 3. function App(){} 내부에서 만들면 안되고 밖에서 함수를 만들어야 한다. ->function App(){} 도 컴포넌트 생성문법이다. component 안에 component 를 만들지 않는다. 4. 이렇게 써도 되고 이렇게 써도 된다. 5. arrow function 도 사용 가능하다. function Modal(){ return ( ) } //arrow funciton const Mo.. 이전 1 다음