안녕하세요. 리액트 관련 학습을 하고 있는데 모르는 표현이 나와서 조언을 구합니다.
최신 자바스크립트 표현에 익숙하지 않아서 그럴 수도 있겠네요ㅠ
import Link from 'next/link'
import Image from 'next/image'
import { Flex, Box, Text, Button } from '@chakra-ui/react'
import { baseUrl, fetchApi } from '../utils/fetchApi';
//중간 생략....
export async function getStaticProps() {
const propertyForSale = await fetchApi(`${baseUrl}/properties/list?locationExternalIDs=5002&purpose=for-sale&hitsPerPage=6`);
const propertyForRent = await fetchApi(`${baseUrl}/properties/list?locationExternalIDs=5002&purpose=for-rent&hitsPerPage=6`);
return {
props: {
propertiesForSale: propertyForSale?.hits,
propertiesForRent: propertyForRent?.hits,
},
};
}
위 코드 중에서, 가장 아래쪽에,
props: {
propertiesForSale: propertyForSale?.hits,
propertiesForRent: propertyForRent?.hits,
},
이 부분의 . propertyForSale?.hits 부분이 이해가 안가네요. 뭐가 축약되어 이 표현이 된걸까요?
propertiesForSale: if(propertyForSale ){ return propertyForSale.hits }
이렇게 바꿔쓰면 오류가 뜨네요..
관련된 부분을 학습하려면 뭐라고 검색을 하면 될까요?
고맙습니다.
답변 1개
음.. 일단 자바스크립트부터 다시 배우신게.. 리액트 라이브러리다 보니 자스 기초는 물론 중급까지 공부하시고나서
배워야 학습하는데 도움되요
그리고 원하신 질문의 답은 아래 자료를 참고하세요.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining
답변을 작성하려면 로그인이 필요합니다.