반응형 SMALL React8 [React] State 사용법 - props와 달리 자기 자신이 가지고 있다. (cf. props는 부모 컴포넌트가 자식 컴포넌트에게 주는 값 / 읽기전용) - 컴포넌트 내부에서 선언하며 내부에서 값을 변경할 수 있다. - 변경할 때는 항상 setState 함수를 사용한다. import React,{Component} from 'react'; class Counter extends Component{ // state는 꼭 객체여야한다. state = { number : 0 } handleIncrease=()=>{ // 업데이트 할 때는 항상 setState 함수 사용! this.setState({ number: this.state.number+1 }) } handleDecrease=()=>{ this.setState({ number:.. 2020. 10. 4. [React] 함수형 컴포넌트 (+비구조화 할당) - 단순히 어떤 값을 받아와서 보여주기만 하는 용도라면 함수형 컴포넌트를 사용하는 것이 좋음.(컴포넌트가 굉장히 많아졌을 때 성능 최적화) + 비구조화 할당이란? developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment cf. www.inflearn.com/course/react-velopert/dashboard 2020. 10. 4. [React] props 디폴트 값 설정하기 두 가지 방법으로 디폴트 값을 설정할 수 있다. 1. 클래스 내부 (Component 내)에서 설정 -> 좀 더 최신 방법 2. 클래스 하단에서 설정 cf. www.inflearn.com/course/react-velopert/dashboard 2020. 10. 4. React 시작하기 개발환경 설정 이후 사용하고자 하는 폴더에 가서 아래 명령어 입력 $ yarn global add create-react-app $ create-react-app my-app $ cd my-app $ yarn start 2020. 10. 4. 이전 1 2 다음 반응형 LIST
