Задать вопрос
  • Как передать props через Link в react-router?

    @Pirantul
    Frontend-разработчик
    Данные из одной страницы в другую, через Link передаются таким образом,
    на первой странице:
    <Link to={{
                pathname: "/search",
                propsSearch: myData
            }}>Ссылка</ Link>

    На странице "/search" данные можно достать так:
    import React from 'react';
    import {Redirect} from 'react-router-dom';
    
    export default function Search(props) {
       console.log(props.location.propsSearch); // Наши переданные данные
       //Но учтите, что они будут доступны только, при переходе по этой ссылке. 
       //Если страницу перезагрузить, то получим - undefined. 
       //Это решается редиректом обратно, если нет пропса:
       if (!props.location.propsSearch) return <Redirect to="/firstpage" />;
    ...
    }
    Ответ написан
    Комментировать