# setState
[React] setState 의 비동기 문제 해결 - callback
인스타그램의 댓글기능을 클론 코딩 하던 도중 이상한 문제를 발견하였다. 분명히 댓글의 input 창에 글자를 한개 이상을 입력하면 댓글 submit 버튼의 색상이 변화한다, 라는 코드를 적었는데 실제 화면에서는 두 글자가 입력되었을때부터 버튼이 활성화되는 것이다.
[ React ] - MongoDB setState undefined 현상 해결
MongoDB의 값을 가져와서 그 값으로 setState를 해 준 후 state값을 props로 하위 컴포넌트에 넘겨 렌더링을 해줘야 하는데 하위 컴포넌트에서 undefined 에러가 났다.
[ React ] - console.log가 두 번 찍히는 현상(strict mode)
MongoDB의 데이터를 가져와서 setState를 한 후, console.log로 찍어보는 테스트를 했다. console.log가 두 번 찍힌다. 처음엔 undefined가 찍히고 그 다음에 DB값이 찍힌다.
[react] async에서 this.setState 사용하기
data를 fetch 하는 동안 Spin을 돌리기 위해서, async function에서 await 앞뒤로 Spin을 켜고 끄는 state를 추가하려고 한다. this.setState는 return value가 없다. console.log(this.setState({
.gif?w=768)
[react] 노마드코더 영화웹서비스 제작 3.1 State에 대한 모든 것 with setState
Previously...버튼을 누르면 콘솔에 각각 기록되도록 만들었다.어떻게 하면 버튼을 눌렀을 때, state가 작동해서 숫자가 변화할까?TILstate는 그냥 쓴다고 작동하지 않는다.이유는 react가 render()를 리프레쉬하지 않기 때문이다.우리는 state의
210322 개발일지(105일차) - React State 올바르게 사용하기
직접 state 값을 수정하면 안된다. (setState 함수 사용)state 업데이트는 비동기적이다.state의 업데이트는 병합된다? (state의 변수가 여러 개라면, 따로 업데이트가 가능)만약 아래와 같이 state를 수정하면, 수정 값은 반영되나 컴퍼넌트를 다시
React_5
WEB을 클릭할 때 이벤트를 발생시키려고 한다.—> onClick React는 함수 호출시 함수의 첫번째 매개변수로 event라는 객체를 넣기 로 약속되어있다.function(e){console.log(e);}console에 찍어보면 이렇게 나온다.하지만, 누르면 페이
setState() or markNeedsBuild() called during build. 오류...
setState() or markNeedsBuild() called during build. 내가 해당 오류를 받은 경위는..builder에서 setState를 사용해서이다..왜 이렇게하면 오류가 나오는지는.. 내가 flutter에대한 라이프사이클을 100% 이해하지
REACT 3
블로그 내용은 Programming with Mosh React Tutorial for Beginners [React js]을 공부하는 과정에서 작성되었습니다
[React] 댓글 구현 3 (setState 활용)
리액트 라이브러리의 핵심 기능 중 하나가 render다. 이를 구현시킬 때는 this.state와 this.setState가 자주 이용된다. 전자가 기본 토대(?)라면 후자는 가상DOM에서 this.state을 조작한 뒤 브라우저에서 구현될 때 필요하다. 이를 이용해서
[React] onClick 이벤트 생성
만들고 싶은 이벤트는 1\. h1태그 안의 단어를 클릭했을 때 (onClick/preventDefault)2\. mode가 welcome으로 변경되면서 (bind/setState)3\. content의 내용이 변경되는 이벤트 (이건 적지 않았다.)일단, 이벤트가 실행되
리액트 처음부터 다시하기.6
여기 아주 기본적인 이벤트가 하나 있다. 아주 기본적이면서 우리가 웹에서 스크롤 다음으로 많이 하는 클릭 이벤트다.작성 할 때에는 이벤트종류 = 실행 할 함수 를 써주게 된다. 위의 함수는위 사진의 WEB 이라는 글자로 된 링크를 '클릭' 하면 경고창을 띄우는 함수다.
setState의 비동기성
댓글 입력 기능을 React로 구현하던 중 이상한 현상을 발견했다. event.target.value를 setState하고 console찍었는데 한 박자 느리게 setState에 적용되는 현상을 발견했습니다. 이게 너무 이해가 안돼서 구글링을 해 보니 setSta
React - setState()
setState()란, React docs에 따르면state 객체에 대한 업데이트를 실행으로 정의되어 있다.React에는 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값인 state가 존재한다.state를 변경하기 위해서는 반드시 setState()를 사용해야한다.이때
다양한 React에 대한 버그 해결 _ input
input 태그가 여러개 있을 경우, e.targe으로 통해서 값을 setState를 할 수 있다.input 태그 두개 : phone , codesetState : e.target과 name 속성으로 비교 setState 활용문제 : Input is changin