리액트,자바스크립트, 축약 표현..

리액트,자바스크립트, 축약 표현.. 채택완료

안녕하세요. 리액트 관련 학습을 하고 있는데 모르는 표현이 나와서 조언을 구합니다.

최신 자바스크립트 표현에 익숙하지 않아서 그럴 수도 있겠네요ㅠ

Copy

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,

    },

  };

}

위 코드 중에서, 가장 아래쪽에,

Copy

props: {

      propertiesForSale: propertyForSale?.hits,

      propertiesForRent: propertyForRent?.hits,

    },

이 부분의 . propertyForSale?.hits 부분이 이해가 안가네요. 뭐가 축약되어 이 표현이 된걸까요?

propertiesForSale: if(propertyForSale ){ return propertyForSale.hits }

이렇게 바꿔쓰면 오류가 뜨네요..

관련된 부분을 학습하려면 뭐라고 검색을 하면 될까요?

고맙습니다.

리액트,자바스크립트, 축약 표현.. 채택완료

답변 1개

공유하기