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

Question

[mamaanarhiya]

Как можно передать данные в другой компонент через NavLink?
Что-нибудь типа такого может есть?

<NavLink to="/test" state={myData}>ссылка</NavLink>

Comments

[Антон Спирин]

Этот компонент предназначен для создания навигационного меню. Опишите свою задачу. Вы, явно, выбрали неправильный путь для ее решения.

Answer 1

[Максим]

Если использовать Link вместо NavLink, тогда можно
https://reacttraining.com/react-router/web/api/Link
как-то так

<Link to={{
  pathname: '/test',
  state: { data: myData }
}}/>

и потом получать на странице test this.props.location.state.data

Answer 2

[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>