next.js 개발 [Next.js 개발] [React] useEffect에서 async/await

2024.03.06 22:11

[Next.js 개발] [React] useEffect에서 async/await

useEffect 내에서 비동기 처리를 해주려고 async/await을 사용하려고 했는데 오류가 발생했다.
Effect callbacks are synchronous to prevent race conditions. Put the async function inside: ..

useEffect는 아무것도 반환하지 않거나 clean up 함수를 반환해야 한다.

	`useEffect(() => {`
	`async function fetchData() {`
	`const respons = await fetch("http://localhost:3333/topics/" + id);`
	`const result = await respons.json();`
	`console.log(result);`
	`setTitle(result.title);`
	`setBody(result.body);`
	`}`
	`fetchData();`
	`}, []);`

	`async function fetchData() {`
	`const respons = await fetch("http://localhost:3333/topics/" + id);`
	`const result = await respons.json();`
	`console.log(result);`
	`setTitle(result.title);`
	`setBody(result.body);`
	`}`

	`useEffect(() => {`
	`fetchData();`
	`}, []);`

[출처] https://lakelouise.tistory.com/308

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.

번호	제목	글쓴이	날짜	조회 수
34	[javascript] React - Apache에 배포하기	졸리운_곰	2026.01.25	444
33	Python으로 GraphQL 서버 구현	졸리운_곰	2019.12.17	541
32	처음 만나는 GraphQL	졸리운_곰	2019.12.17	372
31	웹팩(Webpack) 이란, 웹팩 간단 정리 및 리액트(React) 기본 개발환경 세팅. [2]	졸리운_곰	2019.11.08	581
30	웹팩(Webpack) 이란, 웹팩 간단 정리 및 리액트(React) 기본 개발환경 세팅. [1]	졸리운_곰	2019.11.08	411
29	PHP 로 css/js 보호하기	졸리운_곰	2019.11.08	438
28	Three.js를 이용한 WebGL: 기본	졸리운_곰	2019.11.08	495
27	underscore.js로 편해지자	졸리운_곰	2018.10.16	545
26	자바스크립트로 각종 값넘기는방법	졸리운_곰	2018.01.24	518
25	form 데이터 주고 받기	졸리운_곰	2018.01.24	489
24	Node.js & WebSocket — Simple chat tutorial	졸리운_곰	2017.12.08	612
23	JavaScript 모듈화 도구, webpack	졸리운_곰	2017.10.30	539
22	웹팩이란?	졸리운_곰	2017.10.30	531
21	이해하기 쉬운 Webpack 가이드	졸리운_곰	2017.10.30	853
20	[jquery] Ajax를 품은 jQuery	졸리운_곰	2017.04.25	466
19	Create Your First Mobile App with AngularJS and Ionic	졸리운_곰	2016.11.20	1269
18	Single Page Application using AngularJs Tutorial	졸리운_곰	2016.11.20	458
17	AngularJS Tutorial - Building a Web App in 5 minutes	졸리운_곰	2016.11.20	460
16	자바스크립트의 'this' 키워드 이해하기	졸리운_곰	2016.11.17	634
15	jQuery 핵심 - 노드 다루기	졸리운_곰	2016.11.17	776

첫 페이지 1 2 끝 페이지

쓰기