Задать вопрос
@mamaanarhiya
react

Как передать данные через NavLink?

Как можно передать данные в другой компонент через NavLink?
Что-нибудь типа такого может есть? 
<NavLink to="/test" state={myData}>ссылка</NavLink>
  • Вопрос задан
  • 2261 просмотр
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
might
@might
javascript developer
Если использовать Link вместо NavLink, тогда можно
https://reacttraining.com/react-router/web/api/Link
как-то так
<Link to={{
  pathname: '/test',
  state: { data: myData }
}}/>

и потом получать на странице test this.props.location.state.data
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
kn1ght_t
@kn1ght_t 
import { BrowserRouter as Router, Route } from 'react-router-dom'

<Router>
  <div>
    <NavLink to="/test">ссылка</NavLink>
    <Route path="/test" render={props => <SomeComponent {...props} state={myData} />} />
  </div>
</Router>
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend React
Glob-com
от 100 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настройка сервера
18 апр. 2024, в 21:56
2000 руб./за проект
Помощь с водпресс
18 апр. 2024, в 21:00
150 руб./за проект
Спарсить ссылки на все товары конкретного продавца в озон
18 апр. 2024, в 20:13
2000 руб./за проект
Ещё заказы