SPA на React, как прокинуть пропс

122
09 октября 2021, 04:40

Задача заключается в том, чтобы пробросить ID элемента в новый React компонент

сылка на кодсанудбокс помогите разобраться

codesoundboxhttps://codesandbox.io/s/billowing-cloud-5glcu

Answer 1

Используйте параметры роутера для этого.

В index.js добавьте :id как параметр URL.

<Route path='/info/:id' component={TvShowInfo} />

На списке сл ссылками подставьте id фильма в параметр URL.

<Link to={`/info/${id}`}>{original_name}</Link>

А в компоненте tvshowinfo.js можно вывести id из параметров роутера.

    import React from "react";
    export const TvShowInfo = props => {
      console.log(props);
        return(
            <div>{ props.match.params.id }</div>
        )
    }
READ ALSO
Как удалить теги на странице?

Как удалить теги на странице?

через код kodjs подгружаются данные на html страницу

97
Как привязать пиксель Facebook к кнопке

Как привязать пиксель Facebook к кнопке

У меня есть мини ленд в шапке которого находится пиксель Facebook и он собирает информацию вообще обо всем

118
SPA на реакт, как прокинуть пропс

SPA на реакт, как прокинуть пропс

компонент Popular и TopRated рендерить данные с помощью компонента RenderListOfElementПри клике на какой-либо элемент списка мне надо пробросить ИД этого...

106
Почему запрос долго выполняется при взаимодеййствии с веб-фомрой

Почему запрос долго выполняется при взаимодеййствии с веб-фомрой

У меня есть веб-форма, которая обращается в базе данных к таблице, в которой почти 50 полей и записей свыше 8 миллионовБывают случаи, при которых...

121