# useState

56개의 포스트

React Hook(useState)

useState의 첫번째 매개변수로 state의 초기값을 설정한다. 그리고 컴포넌트 상태를 바꾸고 싶을 때마다 setState 함수의 첫번째 매개변수로 바꿔줄 값을 넘겨주면 다음 렌더링 시 새로운 상태가 컴포넌트에 반영된다. setState의 첫번째 매개변수로 함수를

3일 전
·
0개의 댓글

[React] 함수형 컴포넌트에서 state사용하기

배열 안에 들어 있는 값을 쉽게 추출할 수 있도록 해주는 문법 해당 컴포넌트를 App.js에서 불러오는 부분은 앞의 포스트에서와 다른 부분이 없으니 앞으로의 포스트에서는 특별히 다른점이 없다면 생략한다.useState는 한 컴포넌트에서 여러 번 사용해도 상관없다.

7일 전
·
0개의 댓글

React- Hooks #1

Hooks New in React 16.8 컴포넌트 간 통신 Context APIuseState 보통 class 컴포넌트에서 state를 쓰는 것 처럼 function 컴포넌트에서 쓸려고 나온것이다.useEffect: 보통 함수에서는 라이프스타일을 사용할 수 없다.co

2021년 3월 12일
·
0개의 댓글
post-thumbnail

React-hooks

기존의 class component는 호출이 한번 되면 맴버변수 또한 호출된 처음을 제외하고는 다시 호출 되지 않는다. 데이터 변화에 따라 랜더 함수만 여러번 호출되고, 맴버변수는 일회성 호출이다. 그러나 function Component는 호출이 되면 함수 전체가 데

2021년 3월 1일
·
0개의 댓글

useState

컴포넌트에서 동적인 값을 상태(state)라고 부릅니다. 리액트에서는 이러한 동적인 값의 상태를 관리하기 위해 useState 함수가 있다. useState 를 호출하면 배열이 반환되는데 첫번째 원소에는 현재상태, 두번째 원소는 Setter 함수이다. 위 코드를 배열

2021년 2월 25일
·
0개의 댓글
post-thumbnail

[TIL] React Hook (useState, useEffect)

React에서 가장 핵심적인 useState와 useEffect에 대해서 정리해보려고 한다. 우선 React Hooks은 React 버전 16.8에서 새로 추가된 기능으로 Class를 안쓰고, 상태 값들과 여러 기능들을 사용할 수 있게 되었다. >Hook 이란?

2021년 2월 8일
·
0개의 댓글
post-thumbnail

경험하며 배우는 REACT

경험하며 배우는 REACT

2021년 2월 4일
·
0개의 댓글
post-thumbnail

React 간단한 평균 계산

벨로퍼트 님의 강의를 들으면서 useState에 대한 예제로 간단한 평균 계산을 하는 예제를 해보았다. 아래의 코드는 useState로 구현 한 것 이다.실행화면useReducer가 useState와 동일하게 상태관리를 할 수 있다는 걸 배운 점에서 이를 useRedu

2021년 1월 27일
·
0개의 댓글

React state

이번 게시물에서는 컴포넌트의 상태를 업데이트를 시켜주는 useState에 대해서 알아보려고 한다.props의 경우 부모 컴포넌트에서 상태를 설정하고 자식 컴포넌트에서는 readonly(읽기상태)로만 사용할 수 있는 단점이 존재한다.이를 해결하는 것이 state이다.클래

2021년 1월 25일
·
0개의 댓글
post-thumbnail

[React] useState 여러번 사용하기

컴포넌트에서 관리해야 할 상태가 여러 개일 경우, 하나의 useState로 여러개의 상태값을 관리하는 방법이 있다.먼저 하나하나 상태값을 주는 방법이다. useState 하나에 여러 상태를 관리하는 방법은 다음과 같다.다만, 객체를 수정해야 할 때 주의할 점이 있다.

2021년 1월 3일
·
0개의 댓글

React Hooks에 대해

useStateuseState 는 가장 기본적인 Hook 으로서, 함수형 컴포넌트에서도 가변적인 상태를 지니고 있을 수 있게 해줍니다. 만약에 함수형 컴포넌트에서 상태를 관리해야 되는 일이 발생한다면 이 Hook 을 사용하시면 됩니다.1.1 useState 를 여러번

2021년 1월 3일
·
0개의 댓글
post-thumbnail

useState & useEffect

\>✅ Function 형으로 변환 ✅ useState 사용 ✅ UseEffect 사용 ✅ UseHistroy 사용컴포넌트 사이에서 상태와 관련된 로직을 재사용하기 어렵습니다. (HOC, render props)복잡한 컴포넌트들은 이해하기 어렵습니다. (관심

2020년 12월 28일
·
0개의 댓글
post-thumbnail

React - hook이란

https://ko.reactjs.org/docs/hooks-overview.htmlHook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수입니다.Hook은 cl

2020년 11월 29일
·
0개의 댓글
post-thumbnail

React - hook

https://ko.reactjs.org/docs/hooks-intro.htmlclass 컴포넌트와 function 컴포넌트(hooks)의 모양은 다음과 같은 차이가 있다.둘 다 count를 1씩 증가시키는 컴포넌트이다.classical React는 컴포넌트가

2020년 11월 26일
·
0개의 댓글
post-thumbnail

[React] state, UseState 알아보기

리액트에서 매\~~우 중요한 개념중 하나로 상태값이란것이 있다!데이터를 보관하는 박스(?) 같은 역할을 한다이 상태값을 다루는 방법도 클래스형과 함수형컴포넌트에서 차이점을 보이는데, 클래스형은 복잡하다....사실 여기에서 최근 클래스형을 안쓰고 함수형으로 쓰는 추세로

2020년 11월 22일
·
0개의 댓글

React useState, useEffect의 사용

=> 객체 구조분해 할당=> 배열 구조분해 할당const \[state, setState] = useState(initialState);useState는 배열을 반환한다. 첫번째에는 state두번째는 setState 즉, state 변환class : this.setSt

2020년 11월 15일
·
0개의 댓글
post-thumbnail

[리액트] Hook 개념, useState

클래스를 작성하지 않고도, state와 다른 React의 기능들을 사용할 수 있게 해주는 기능.함수 컴포넌트에서 React state와 생명주기 기능을 연동(hook into)할 수 있게 해주는 함수이다. useState, useEffect와 같은 내장 Hook을 제공

2020년 11월 13일
·
0개의 댓글

useState

react 를 쓰는 이유 중에 하나는 바로 빠른 리렌더링이다. 그 중에 특히 몇가지 상황이 발생하면 빠르게 리렌더링을 하는데 그 중에 하나가 바로 state 가 변할 때 이다. 클래스 형을 사용할 때 setState 가 바로 그것이다.react v16.8 이상부터 함수

2020년 11월 9일
·
0개의 댓글