react_dapp 썸네일형 리스트형 [React] setState에 대한 생명주기 발생원인 : 함수형 컴포넌트에서 UseState 사용시 setState 변경사항이 컴포넌트에 즉각반영 보장이 안됨 useState분만 아니라 setState자체가 비동기 처리로 진행되어 setState 호출 후 값 출력시 이전 값 출력이 됨 (참고 : dongmin-jang.medium.com/reactjs-setstate-%EC%99%9C-%EB%B9%84%EB%8F%99%EA%B8%B0%EB%A1%9C-%EC%B2%98%EB%A6%AC%EB%90%98%EB%8A%94%EA%B0%80-8197d707ca6a [Reactjs] setState() 왜 비동기로 처리되는가? 사실 저는 그동안 setState 가 왜 비동기로 처리되는지에 대한 고민을 한적이 없습니다. 누군가가 sns에 올린 글을 보고서야 이게.. 더보기 [React] UseEffect에서 비동기 처리 발생원인 : UseEffect자체를 비동기처리 불가 해결방법 { 비동기 처리에 대한 학습 발생로직(선언부분) 함수형 컴포넌트 useEffect(()=>{ initWeb3() pollData() },[]); async initWeb3 함수에서 백로직인 Solidity와 연동하는 작업 연동로직 처리 전 pollData 호출하여 undefined 클래스형 컴포넌트 async componentDidMount(){ await initWeb3() await pollData() } 함수형 컴포넌트와 다르게 componentDidMount 자체를 비동기 처리 가능 TroubleShooting useEffect 내부에서 비동기 처리 함수를 선언하여 호출 useEffect(()=>{ const test = async()=.. 더보기 이전 1 다음