/Javascript/React/React router how to send data

React router how to send data

React router how to send data

props.history.push('/other-page', { id: 7, color: 'green' }))

Then, you can access the state data in '/other-page' via:

props.location.state

0

Passing data in route react

<Route path="/" render={() => <Search name={this.props.name} />} />

0

Similar codes

15 votes330 views2 answers
UseReducer() hook react
Javascript React
0 vote303 views2 answers
Error: Error: Unable to resolve module react-native-gesture-handler
Javascript React
0 vote351 views1 answer
Make 2div in row react js
Javascript React
0 vote352 views1 answer
Preview image before upload reactjs
Javascript React
0 vote365 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React
26 votes367 views6 answers
React js
Javascript React
0 vote293 views6 answers
Replace all in react js
Javascript React
6 votes353 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote337 views1 answer
React Calender Style
Javascript React
0 vote344 views1 answer
React fetch request with content type x-www-form-urlencoded
Javascript React

Share