inflearn logo
강의

Course
Instructor

Node and React series that you can learn by following - Creating a movie site

Movie App Series #5 Grid Card Component (Learn React Node by Following)

movieimage가 안뜨네요...

459

rlaalsrb3559

6 asked

8

{Movies && Movies.map((movie, index) => (
                        <React.Fragment key={index}>
                            <GridCards
                                image={movie.poster_path ?
                                    `${IMAGE_BASE_URL}w500${movie.poster_path}` : null}
                                movieId={movie.id}
                                movieName={movie.original_title}
                            />
                        </React.Fragment>
                    ))}
이거의 결과값이 계속 null값이 뜹니다.. 이유가 뭘까요 ㅠ
 <Col lg={6} md={8} xs={24}>
        <div style={{position:'relative'}}>
            <a href={`/movie/${props.movieId}`}>
                <img style={{width:'100%',height:'320px'}} src={props.image} alt={props.movieName}/>
            </a>
            
        </div>
        </Col>

react 웹앱 mongodb nodejs express

Answer 5

6

yohank

저도 같은 문제였는데 setMovies(...[response.results])

로 변경해주니 해결되었습니다.

강의에는 이 부분이 설명없이 바뀌어 있더라구요

5

rlaalsrb3559

setMovies([response.result])를

setMovies([...Movies, ...response.results]) 로 변경

해주었더니 해결되었습니다. 혹시 이둘의 차이가 뭔지 알수 있을가요??

불변성 유지해주려고 전개연산자를 쓴건가요??

4

John Ahn

setMovies([ a , b ])

a = 현재 가지고있는 Movies들   (하지만 ... 전개 연산자를 사용하여  직접 state을 건들지 않고있지요 ~ )

b = b에서의   ...을 사용했을때는   object 들이 여러개입니다 

,    하지만   ...없이 사용하면   Array안에 Object 들이 들어있어서  이미 

a, b 를 []  Array가 감싸고 있기에  올바른 형식이 아닙니다 ^^

  

0

qkrwjdtn092417

setMovies(...[response.results])는 의미가 없는거 같습니다.

results가 영화 객체들을 담은 배열인데, 배열을 배열에 담고 펼치는 동작이라 response.results와 차이가 없습니다. 그냥 setMovies(response.results)가 맞는것 같아요. 

0

yunhwan19037701

저도 같은 문제를 겪었습니다. 감사합니다. 

에러서 요렇게만 해보세요

0

228

1

antd Menu 질문

0

260

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

1278

1

npm run dev 실행시 오류

0

5371

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