Functional Component (2) 썸네일형 리스트형 3. React State 안녕하세요! 효그니에요! 와! 리액트! 엄청 빨리 다시돌아왔다! 이번 글에서 설명할 것은 React Component의 state입니다. State란? Component가 갖는 유동적인 데이터를 의미합니다. Class Component 카운터를 하나 만들어보겠습니다! class Counter extends React.Component { constructor(props) { super(props); // React.Component의 생성자 메소드입니다. this.state = { // this.state로 state를 설정합니다. number: 0, // number 초기 값 설정 }; this.handleCounter = this.handleCounter.bind(this); // 함수 바인딩 } h.. 2. React Component (props, state, Class Component, Functional Component) 안녕하세요 효그니입니다! 꽤나 빠르게 새 글을 올리네요! 하핳! 오늘은 React에서의 Component에 대해 강의를 할 생각입니다! 자 시작해볼까요! 우선 Component란? React의 component란 상태 ( state ) 를 갖고 있고, 인자 값으로 Props 를 가지며, 반환 값으로 Element를 반환하는 "함수" 입니다! **** 이름의 첫 글자는 반드시 대문자여야합니다! **** {function App() { return ( Edit src/App.js and save to reload. Learn React ); } CRA를 사용하면 기본적으로 나오는 App Component 입니다! 반환 값을 어디서 보신 것 같다구요? 맞습니다. html 태그를 반환하죠!!! JSX라는 기법입.. 이전 1 다음
