# useState
React Hooks의 이해
React는 v16.8부터 컴포넌트 상태와 컴포넌트 생명주기를 관리할 수 있는 API인 Hook을 제공하고 있다. Hook을 사용하면 함수 컴포넌트에서도 클래스 컴포넌트처럼 상태를 저장할 수 있고 컴포넌트 생명주기에 관여할 수 있다.
React의 useState Hook 만들어보기
회사에 신입으로 입사한지도 대략 3주가 지났습니다. 학교에서는 백엔드 개발만 공부했던지라 사실상 React를 접한지도 오래되지 않았습니다.그렇게 회사에서 많은 삽질을 하면서 너무나도 궁
[JavaScript] React - useState를 사용한 input 관리
React 을 만들고 input의 value값을 받아와 출력해주는 것은 만들어 보려고 합니다. useState를 사용하여 input 상태 관리 (input이 1개) > > jsx import React from 'react'; // import InputSa
React스터디_Hooks
Hooks는 리액트 v16.8에 새로 도입된 기능으로 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해 줍니다.
'리액트를 다루는 기술' 8장, Hooks
# 😁 useState # 😃 useEffect # 🙄 useReducer # 😏 useMemo # 😙 useCallback # 😋 useRef # 😜 Custom Hooks
State Hook
Hook 은 React 16.5 버전에 새로 추가됨. Hook은 클래스 컴포넌트를 작성하지 않아도 state와 같은 특징들을 사용할 수 있다.Hook과 같은 기능을 하는 클래스 예시위 코드에서 state는 { count: 0 }이며 사용자가 this.setState()
2차 프로젝트 - React - 복잡한 데이터 useState, useEffect Hook으로 관리하기
제목 그대로 복잡한 데이터, 즉 변경될 데이터를 포함하는 여러 형태의 데이터를 함수형 컴포넌트 내에서 useEffect와 useState를 사용하여 다루려고 한다.2차 프로젝트에서 highchart 라이브러리를 사용하고 있다.highchart는 options라는 객체
useEffect
useEffect는 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정하도록 설정할 수 있는 Hook 이다. 클래스형 컴포넌트의 componentDidMount 와 componenetDidUpdate 를 합친 형태로 보아도 무방하다.Info.js마운트될 때만
Hooks
useState는 가장 기본적인 Hooks 이며, 함수형 컴포넌트에서도 가변적인 상태를 지닐 수 있게 해준다.함수형 컴포넌트에서 상태를 관리해야 한다면 Hooks 를 사용하면 된다.counter.js const value, setValue = useState(0);
⭐️ 함수형 컴포넌트에서 useState사용하기-Hooks
react 16.8 ver 이후부터, useState 를 사용하여 클래스컴포넌트에서 state를 사용하는것처럼 사용할 수가 있다. 이 과정에서 Hooks 를 사용한다. Hooks 의 종류는 다양하지만, 가장 기본이 되는 useState 먼저 짚고 넘어가자 🐻배열 비
state
react에서 state는 컴포넌트 내부에서 바뀔 수 있는 값 을 의미한다. props는 컴포넌트가 사용되는 과정에서 부모 컴포넌트가 설정하는 값이다. 컴포넌트 자신은 해당 props를 읽기 전용 으로만 사용할 수 있다. cf) 앞에서, Mycomponent.js 의
React Counter 컴포넌트 구현
Counter 컴포넌트를 구현하는 과정에서 알게된 부분을 기록한 글입니다.구현하고자 했던 기능은 1초마다 1씩 증가하는 Counter 컴포넌트였다.그래서 아래 코드와 같이, setCounter() 함수를 이용해서 1초마다 counter 상태를 수정하도록 setInter
React Hooks #2 useState()
useState는 길이 2짜리 배열 반환 : 값, 그리고 값을 변경할수 있는 함수배열 구조분해 할당(Destructuring) 사용하여 배열 분리하여 사용인자로 초기값 전달, 해당 값 초기화 기능 있을 경우, 초기값 변수 사용 추천!클래스형 컴포넌트에서는 state객체
함수형 컴포넌트와 Hook의 useState
Hook은 class와 state을 Hook은 class를 작성하지 않고도 state와 다른 React의 기능들을 사용할 수 있게 해준다. 함수형 컴포넌트 함수형 컴포넌트는 class가 아닌 function을 쓴다. class가 없어지면서 라이프사이클도 없어진다. s
hooks-1 ( useState)
이전에 react 에 대해서 공부를 해본적이 있는데 , https://ko.reactjs.org/docs/hooks-intro.htmlhttps://velog.io/@velopert/react-hooks여기 사이트를 보고 정리중이다.실제로 본적은 없지
