728x90 반응형 리액트26 [React+JS/리액트] 웹 스터디 4주차 class 컴포넌트 만드는 법 최근에는 컴포넌트를 만들 때 function 을 사용해 만들지만, 예전 리액트에서는 class 문법을 사용해 만들었다. function 사용을 권장하지만, 예전 버전의 리액트 프로젝트를 마주칠 수 있으니 가볍게 공부해 보자. class 문법으로 컴포넌트 만드는 법class Modal2 extends React.Component { constructor(){ super() } render(){ return ( 안녕 ) }} 1. 클래스명을 작성2. constructor, super, render 함수를 채워 넣어야 함 -> 무조건 필요한 기본 템플릿이라고 생각하면 된다.3. 컴포넌트는 길고 복잡한 html 을 축약할 때 쓰기 때문에 retur.. 2024. 5. 16. [React+JS/리액트] 웹 스터디 3주차 자식이 부모의 state 를 가져다 쓰고 싶을 때: props function App (){ let [글제목, 글제목변경] = useState(['남자코트 추천', '강남 우동맛집', '파이썬독학']); return ( )}function Modal(){ return ( { 글제목[0] } 날짜 상세내용 )} 위의 코드를 실행시키면 '글제목' 이라는 변수가 define 되지 않았다는 에러 발생-> 글제목이라는 state 변수는 function App() 에 있지 function Modal() 에 없기 때문 props 를 사용해서 state 전달하기 1. 자식 컴포넌트를 사용하는 곳에 가서 (tip: '작명' 은 보통 state.. 2024. 5. 8. 이전 1 ··· 4 5 6 7 다음 728x90 반응형
