How to transfer data via NavLink?

Question

JavaScript

How can I pass data to another component via NavLink?
Is there something like this?

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

Answer 1

If you use Link instead of NavLink, then you can
https://reacttraining.com/react-router/web/api/Link
something like this

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

and then get this.props.location.state.data on the test page

Answer 2

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>