/Javascript/React/How to pass data in router link react-typescript

How to pass data in router link react-typescript

<Link
  to={{
    pathname: path,
    state: {
      project,
    },
  }}
  key={project.id}
>
  <ProjectSummary project={project} deleteCallback={projectDelete}/>
</Link>

Source: stackoverflow.com

How to pass data in router link react-typescript

<Route
  path='/project/:id'
  render={({ location }) => {
    const { state } = location;
    return <ProjectDetails project={state.project} /> 
  }}
/>

Source: stackoverflow.com

Similar codes

0 vote308 views1 answer
How to declare a variable in react
Javascript React
0 vote305 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React
31 votes291 views1 answer
React router dom npm
Javascript React
0 vote294 views1 answer
Button react native style
Javascript React
3 votes303 views2 answers
Export default class react
Javascript React
0 vote301 views1 answer
Change env location react
Javascript React
0 vote281 views1 answer
How to only register one click on nested component and not parent component in react js
Javascript React
10 votes256 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
1 vote320 views1 answer
Textinput onpress react native
Javascript React
0 vote305 views2 answers
React js form radio input using hooks
Javascript React