promise 관련 질문있습니다
242
작성한 질문수 17
interface Post {
id: number;
title: string;
content: string;
}
function fetchPost(): Promise<Post> {
return new Promise((res, rej) => {
setTimeout(() => {
res({
id: 1,
title: "게시글 제목",
content: "게시글 컨텐츠",
});
}, 1000);
});
}
let data = {} as Post;
const postRequest = fetchPost()
postRequest.then((post)=> data = post );promise 에 ts적용하는 강의를 보다가 궁금한게 생겼는데 해당 코드와 같이 fetchPost에서 리턴값으로 id,title,content가 있는 object가 반환되는데 그 값을 미리 선언한 변수 data에 넣고싶은데 then에서 어떤식으로 작성해야 적용이될까요?? 위와 같이 data= post는 적용이 안되는거 같더라고요 ㅜㅜ
답변 1
0
안녕하세요 이정환입니다.
질문 주신 방식으로 코드를 작성하셔도 then 메서드 내부에서는 data 변수에 post의 값이 저장됩니다.
그러나 then 메서드 외부에서도 이 결과값을 이용하시고 싶다면 다음과 같이 async/await을 이용하시면 좋습니다.
interface Post {
id: number;
title: string;
content: string;
}
function fetchPost(): Promise<Post> {
return new Promise((res, rej) => {
setTimeout(() => {
res({
id: 1,
title: "게시글 제목",
content: "게시글 컨텐츠",
});
}, 1000);
});
}
(async function () {
let data = {} as Post;
data = await fetchPost();
})();
제네릭 클래스 핸드북 페이지가 undefined라고 나옵니다.
0
14
1
적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>
0
32
2
outDir 옵션 추가 후 컴파일 오류 질문
0
67
1
호출 시그니처 질문
0
68
2
서로소 유니언 타입이 discriminated union과 동의어 인가요?
0
77
2
조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제
0
69
1
할인쿠폰 관련하여
0
162
2
프론트엔드에서의 인터페이스활용
0
96
2
안녕하세요 이정환님!
0
94
1
Node.js 설치에 관한 질문입니다.
0
80
2
함수 타입 호출 시그니처
0
60
1
35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?
0
66
2
인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?
0
120
4
마우스 호버 시 정보
0
93
2
vite으로 리액트 빌드하기를 업데이트해주세요.
1
91
2
타입가드를 만들어 사용하는 이유가 궁금합니다.
0
85
2
섹션 12가 너무 어려운데... 정상이겠죠..?
0
139
2
선생님.. 알고리즘도 강의해주시면안되나요
0
103
2
선생님은 어떻게 이런걸 아세요?
0
131
1
type: module
0
99
2
7:17초 업캐스팅 질문이있습니다!
0
78
1
슈퍼타입질문
1
66
2
프로젝트 설치
0
107
2
enum은 비원시 타입이면서 열거형 타입이 되는건가요?
0
72
2





