# useState

169개의 포스트
post-thumbnail

[React] useState와 비동기

수정을 했는데 리렌더링이 되지 않는다

1일 전
·
0개의 댓글

React useState

상태 값을 효율적으로 관리하게 한다. 리렌더링시 비교하여 이전렌더링과 같은 값이면 리렌더링을 건너뛰게 한다.state: 상태 값setState: 상태 값을 변경 하는 함수initialState: 초기 값 (초기 값 설정시 함수로 사용 가능)

6일 전
·
0개의 댓글
post-thumbnail

[React] useState

리액트의 컴포넌트에서는 동적인 값을 상태(state)라고 부릅니다. 리액트에서는 리렌더링을 위한 조건으로 여러 가지가 있는데 그 중 하나가 상태값 변경입니다. 리액트에서는 useState라는 훅을 통해 컴포넌트에서 상태를 관리할 수 있습니다.const count, se

7일 전
·
0개의 댓글
post-thumbnail

React-useState 동작원리

배열 비구조화 할당을 활용첫번째 원소는 현재 상태, 두번째 원소는 setter 함수원래대로라면버튼 클릭때마다 현재값+1 한 값을 누적 후 출력etNumber(prev => prev + 1); 이렇게 함수형으로 파라미터를 넘겨주면 상태값 변경을 배치로 처리한다고 한다.위

2022년 1월 13일
·
0개의 댓글
post-thumbnail

React-useState를 활용한기본구조

기본구조 살펴보기

2022년 1월 13일
·
0개의 댓글

React Props, Event, , useState, useEffect

1. Props 자식에게 부모가 넘겨주는 값.(단, 자식에서는 그 값을 변경할 수 없고 읽기만 가능함.) 2. State 2-1. 배열 비구조화 할당 2-2. useState 사용 예시

2022년 1월 13일
·
0개의 댓글

Hooks - UseState

setState() const food = ["tomato", "banana"]; const [name1, name2] = food; => const name1 = "tomato"; const name2 = "banana"; JSX에선 for, class 등

2022년 1월 13일
·
0개의 댓글

상태 관리에 사용되는 훅

[TIL][엘리스 SW 엔지니어 트랙] 12주차 - 상태 관리에 사용되는 훅

2022년 1월 12일
·
0개의 댓글
post-thumbnail

[KDT]FCFE - 8주3일 React Practice

: Higher Order Component ( 고차 컴포넌트 )HOC = function(컴포넌트) { return 새로운 컴포넌트;}컴포넌트를 받아 새로운 컴포넌트를 리턴하는 함수 이다.withRouter(컴포넌트) -> router에 의해 호출되지 않아도 matc

2022년 1월 12일
·
0개의 댓글
post-thumbnail

React를 왜 사용할까?

대표적인 Front-end 도구라고 하면 Vue.js React.js Angular.js 가 있다.이중에 React를 공부하는 이유가 무었일까?위 자료는 npm trend 라는 사이트에 들어가서 시기별로 개발자들이 많이 사용하는 개발툴을 그래프로 가져온 것이다. 위처럼

2022년 1월 11일
·
0개의 댓글
post-thumbnail

useState, useRef, useMemo에 대한 고찰

제목의 hook들은 React로 코딩을 하다보면 가장 많이 사용하게 되는 hook들 이라고 말할 수 있다. 이 hook들은 성능을 딱히 신경쓰지 않는다고 가정한다면 깊게 들어가지 않고 별 다른 생각 없이 사용한다고 해도 큰 문제를 야기하지 않는다. 하지만 깊게 파고들

2022년 1월 10일
·
0개의 댓글
post-thumbnail

[ React ] useState 의 렌더링과 함수형 업데이트

useState의 함수형 업데이트와 이에 파생된 궁금증과 정답들

2022년 1월 7일
·
0개의 댓글

setState part1

React.useState() 는 초기값을 설정할 수 있는 함수

2022년 1월 6일
·
0개의 댓글
post-thumbnail

[React #11] Array, Object in State

item 클릭 시 cart에 담기고, 담긴 item 클릭시 삭제연관된 변수의 묶음은 객체로 처리한다.

2022년 1월 5일
·
0개의 댓글
post-thumbnail

[React] useState( )로 배열 추가하기_2탄 (feat.일기장)

useState( )로 배열 추가하기 - 일기장 예제

2022년 1월 5일
·
0개의 댓글
post-thumbnail

[React] useState( )로 배열 추가하기_1탄 (State끌어올리기)

컴퓨터 코드를 작성하기 전, 🔥생각한것을 어떻게 작업해야할지 컴포넌트 트리를 그림으로 그려보는 시간을 가져야한다!! 지금까지 일기장을 설계한 구조는 `부모 컴포넌트아래에 자식 컴포넌트(작성폼)와 `자식 컴포넌트(일기리스트)가 연결되어있는 구조이다.

2022년 1월 4일
·
0개의 댓글

[React] state에 JSX Element를 담아도 될까? 타입 지정은?

TypeScript 환경에서 리액트 작업을 할 때, 한 가지 의문이 들었다. useState에 JSX를 담아도 될까? 그 state 타입은 JSX.Element인 건가? 일단 오류는 발생하지 않았지만, 혹시 몰라 찾아보았다.(참고 : stack overflow)Q. s

2022년 1월 4일
·
0개의 댓글

useState()

useState : state 를 관리onClickBtn 함수가 아무 문제 없이 동작할 것으로 보이지만 count를 변경 할때 원하는 값으로 출력 되지 않는 경우 존재 할 수 있다.이러한 경우와 같이 현재 state 값에 기반하여 업데이트를 해주면 된다.

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