# setState

27개의 포스트
post-thumbnail

TIL 30 | setState 비동기 특성

setState 비동기 특성

2021년 7월 11일
·
0개의 댓글

React-Hooks : useState 연습하기

React-Hooks : useState 연습하기

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

[React] setState 의 비동기 문제 해결 - callback

인스타그램의 댓글기능을 클론 코딩 하던 도중 이상한 문제를 발견하였다. 분명히 댓글의 input 창에 글자를 한개 이상을 입력하면 댓글 submit 버튼의 색상이 변화한다, 라는 코드를 적었는데 실제 화면에서는 두 글자가 입력되었을때부터 버튼이 활성화되는 것이다.

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

[ React ] - MongoDB setState undefined 현상 해결

MongoDB의 값을 가져와서 그 값으로 setState를 해 준 후 state값을 props로 하위 컴포넌트에 넘겨 렌더링을 해줘야 하는데 하위 컴포넌트에서 undefined 에러가 났다.

2021년 6월 18일
·
0개의 댓글
post-thumbnail

[ React ] - console.log가 두 번 찍히는 현상(strict mode)

MongoDB의 데이터를 가져와서 setState를 한 후, console.log로 찍어보는 테스트를 했다. console.log가 두 번 찍힌다. 처음엔 undefined가 찍히고 그 다음에 DB값이 찍힌다.

2021년 6월 18일
·
0개의 댓글

[react] async에서 this.setState 사용하기

data를 fetch 하는 동안 Spin을 돌리기 위해서, async function에서 await 앞뒤로 Spin을 켜고 끄는 state를 추가하려고 한다. this.setState는 return value가 없다. console.log(this.setState({

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

[react] 노마드코더 영화웹서비스 제작 3.1 State에 대한 모든 것 with setState

Previously...버튼을 누르면 콘솔에 각각 기록되도록 만들었다.어떻게 하면 버튼을 눌렀을 때, state가 작동해서 숫자가 변화할까?TILstate는 그냥 쓴다고 작동하지 않는다.이유는 react가 render()를 리프레쉬하지 않기 때문이다.우리는 state의

2021년 5월 27일
·
0개의 댓글
post-thumbnail

[React] useEffect 내부에서 setState 사용하기

useEffect의 생성시점을 경험해본다

2021년 4월 19일
·
0개의 댓글

210322 개발일지(105일차) - React State 올바르게 사용하기

직접 state 값을 수정하면 안된다. (setState 함수 사용)state 업데이트는 비동기적이다.state의 업데이트는 병합된다? (state의 변수가 여러 개라면, 따로 업데이트가 가능)만약 아래와 같이 state를 수정하면, 수정 값은 반영되나 컴퍼넌트를 다시

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

React_5

WEB을 클릭할 때 이벤트를 발생시키려고 한다.—> onClick React는 함수 호출시 함수의 첫번째 매개변수로 event라는 객체를 넣기 로 약속되어있다.function(e){console.log(e);}console에 찍어보면 이렇게 나온다.하지만, 누르면 페이

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

setState() or markNeedsBuild() called during build. 오류...

setState() or markNeedsBuild() called during build. 내가 해당 오류를 받은 경위는..builder에서 setState를 사용해서이다..왜 이렇게하면 오류가 나오는지는.. 내가 flutter에대한 라이프사이클을 100% 이해하지

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

REACT 3

블로그 내용은 Programming with Mosh React Tutorial for Beginners [React js]을 공부하는 과정에서 작성되었습니다

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

TIL.38 setState 비동기 특성

setState() 비동기특성에 대해 알아보자.

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

[React] 댓글 구현 3 (setState 활용)

리액트 라이브러리의 핵심 기능 중 하나가 render다. 이를 구현시킬 때는 this.state와 this.setState가 자주 이용된다. 전자가 기본 토대(?)라면 후자는 가상DOM에서 this.state을 조작한 뒤 브라우저에서 구현될 때 필요하다. 이를 이용해서

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

[React] onClick 이벤트 생성

만들고 싶은 이벤트는 1\. h1태그 안의 단어를 클릭했을 때 (onClick/preventDefault)2\. mode가 welcome으로 변경되면서 (bind/setState)3\. content의 내용이 변경되는 이벤트 (이건 적지 않았다.)일단, 이벤트가 실행되

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

리액트 처음부터 다시하기.6

여기 아주 기본적인 이벤트가 하나 있다. 아주 기본적이면서 우리가 웹에서 스크롤 다음으로 많이 하는 클릭 이벤트다.작성 할 때에는 이벤트종류 = 실행 할 함수 를 써주게 된다. 위의 함수는위 사진의 WEB 이라는 글자로 된 링크를 '클릭' 하면 경고창을 띄우는 함수다.

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

setState의 비동기성

댓글 입력 기능을 React로 구현하던 중 이상한 현상을 발견했다. event.target.value를 setState하고 console찍었는데 한 박자 느리게 setState에 적용되는 현상을 발견했습니다. 이게 너무 이해가 안돼서 구글링을 해 보니 setSta

2020년 10월 13일
·
1개의 댓글
post-thumbnail

React - setState()

setState()란, React docs에 따르면state 객체에 대한 업데이트를 실행으로 정의되어 있다.React에는 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값인 state가 존재한다.state를 변경하기 위해서는 반드시 setState()를 사용해야한다.이때

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

다양한 React에 대한 버그 해결 _ input

input 태그가 여러개 있을 경우, e.targe으로 통해서 값을 setState를 할 수 있다.input 태그 두개 : phone , codesetState : e.target과 name 속성으로 비교 setState 활용문제 : Input is changin

2020년 8월 31일
·
0개의 댓글

콜백함수

자바스크립트 콜백함수란 ? 콜백 함수는 함수 안에서 어떤 특정한 시점에 호출되는 함수를 말합니다. 보통 콜백 함수는 함수의 매개변수로 전달하여 특정 시점에서 콜백 함수를 호출합니다. 리액트에서 콜백함수는 어떻게 사용될까? setState를 사용하여 값을 업데이트하고

2020년 8월 4일
·
0개의 댓글