@mamaanarhiya

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

Как можно передать данные в другой компонент через NavLink?
Что-нибудь типа такого может есть?
<NavLink to="/test" state={myData}>ссылка</NavLink>
  • Вопрос задан
  • 64 просмотра
Решения вопроса 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>
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Quasar Software Москва
от 120 000 до 170 000 руб.
Интеджер Москва
от 130 000 руб.
YLab Тольятти
от 70 000 до 130 000 руб.
19 авг. 2018, в 00:49
600 руб./в час
18 авг. 2018, в 17:54
6000 руб./за проект
18 авг. 2018, в 16:00
60000 руб./за проект