Ad
How To Redirect To Another Page And Use Props In Reactjs
in route i set props
:
<Route path="/getFilePage" exact component={GetFilePage} CourseName={props.CourseName} />
in main page i write this code for redirect:
return <Redirect to={{
pathname: '/getFilePage',
CourseName:"C++"
}}/>
in GetFilePage
component i write in componentDidMount console.log(this.props.location.CourseName)
but is undefined
Ad
Answer
syntax is wrong. Try like below:
return <Redirect to={{
pathname: '/getFilePage',
state:{CourseName:"C++"}
}}/>
And take params like below:
this.props.location.state.CourseName
Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad