Как выбрать один элемент из данных в массиве json по идентификатору в NEXT. js - PullRequest
Новая
       36

Как выбрать один элемент из данных в массиве json по идентификатору в NEXT. js

0 голосов
/ 12 марта 2020

Я очень новичок в Next. js и получаю данные из API. У меня есть список фильмов, и я хочу выбрать один mov ie и показать изображение этого фильма на новой странице. Я думаю, что я должен использовать идентификатор объекта, но я не знаю как. Это то, что у меня пока есть:

Вот мой код с начальной страницы: 

<div className="movies">
      {props.movies.map(movie => (
        <div>
          <p>{movie.name}</p>
          <Link href={`/detailPage?movieId=${movie.image}`}>
            <img src={movie.image}></img>
          </Link>
        </div>
      ))}

А вот код с подробной страницы: 

 <section>
        <div>
          <img src={movieId.image}></img>
        </div>
      </section>

1 Ответ

0 голосов
/ 12 марта 2020

Вам нужно получить объект, который вы пытаетесь отобразить из массива. Вы можете сделать что-то вроде этого: 

const movie = props.movies.find((m) => m.id === idOfTheMovieYouWant);

return (
  <section>
    <div>
      <img src={movie.image} />
    </div>
  </section>
);
...