inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기

무비앱 시리즈 #8 영화 출연진들 가져오기 ( 따라하며 배우는 리액트 노드 )

profilie_path가 null 일때, 처리에 대해!

356

June

작성한 질문수 4

1

안녕하세요!

항상 감사합니다!!

이미지를 불러오는 과정에서 profile_path가 null 인 부분을 어떻게 처리할까 고민을 하던 중에 

일단은 아래처럼 placeholder를 이용해서 저렇게 대체했는데

조금 다르게, profile_path가 null인 이미지들은 <GridCards> 컴포넌트에 넣지 않는 방식으로 처리하려고 시도해봤습니다.

if문으로 profile_path가 null 일때와 그렇지 않을때로 나눠서  여러 시도를 해봤지만 잘 안돼서 질문드립니다.

어떤식으로 처리해야 null값인 것들은 거르고 나머지를 <GridCards>에 넣을 수 있을까요?

nodejs mongodb react express 웹앱

답변 3

1

John Ahn

June 님 안녕하세요   위에 사진이 약간 부담스럽네요 ㅋㅋㅋ...

<Row gutter={[16, 16]}>
{
!LoadingForCasts ? Casts.map((cast, index) => (
cast.profile_path &&
<GridCards actor image={cast.profile_path} characterName={cast.characterName} />
)) :
<div>loading...</div>
}
</Row>

이런식으로 하면 될거 같은데 한번 해보시겠나요 ~ ?

0

태성기

placeholder를 사용하는 방법좀 공유해주실수 있나요?

0

June

아... 코드에 신경쓰느라 별 생각없이 캡쳐했는데 저런 사진이있었네요ㅠㅜㅜ 보내주신 코드보고 수정해봤더니 원하는대로 됐습니다!!

감사합니다 :))

에러서 요렇게만 해보세요

0

228

1

antd Menu 질문

0

259

1

movieTitle

0

218

1

npm run dev 연결이 안됩니다ㅜㅜ

0

410

1

npm run dev 오류

0

855

1

403 forbidden error

0

1067

2

npm run dev 오류

0

696

1

모듈이 없다는데요

0

1277

1

npm run dev 실행시 오류

0

5368

1

504 Gateway Timeout Error

0

1448

1

컴파일 에러 관련 문의

0

504

1

npm run dev 오류

0

760

1

이미지가 안떠요...

0

369

2

npm run dev 실행하고 인증이 안되는거 같아요

0

531

1

cd client에서 npm install 오류

0

1418

1

npm run dev시 localhost가 자꾸 3000으로 연결됩니다

0

972

1

Netlify + AWS Elastic Beanstalk 를 이용한 배포

1

1785

1

[nodemon] app crashed - waiting for file changes before starting... Error occurred while proxying request localhost:3000/api/hello to http://localhost:5000/ 해결법

0

460

0

지금 듣기엔 안되는 강의일까요?

0

718

1

사진이 2개 2개씩 다른줄에 나와요 ㅠㅠ

0

428

1

비동기 처리가 영상과 다르게 됩니다..

0

247

0

#2강 npm install

0

768

4

LandingPage.js 내 useState(null) 이용하는 이유

0

226

0

client 부분에 App.js 와 Config.js 위치가 다른데 상관없는 것인가요?

0

384

1