setState (2) 썸네일형 리스트형 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 32회차 미션 패스트캠프 프론트앤드 인강 32일차 리액트에서 클래스형 컴포넌트의 state와 props를 배워보았다. class형 컴포넌트는 컴포넌트를 형성하는 또다른방법이다. 요즘잘 사용하지않지만 유지보수나 특정 훅을 다루기위해 알아둘필요는있다. 먼저 함수형컴포넌트에서는 import React from "react"; export default function Hello({ color, isSpecial, name }) { return ( {isSpecial && *} 안녕하세요 {name} ); } Hello.defaultProps = { name: "이름없음" }; class형 컴포넌트에서는 이렇게 표현한다.참고로 defaultProps는 함수형컴포넌트에서사용한방법도 있고 아래처럼 static을 사용한방법이있다... [React] 숫자 증가감소 버튼만들기 Counter 최근에 코드대장간 유투브강의로 리액트 공부중 props, state, children, setstate, bind, 함수 등등을 총망라한! Counter라는 숫자 증가감소 버튼을 만들어보자. 나는 추가로 리액트 UI라이브러리인 ant design를 활용해 UI를 이쁘게 꾸며줄예정! import React from 'react'; import './App.css' class App extends React.Component { //state초기화 constructor(props) { super(props); this.state = { value: 10 } //bind의 의미 : 강제로 this는 여기다! this.onClickHandler = this.onClickHandler.bind(this); // .. 이전 1 다음
