/Javascript/React/React router redirect with query params

React router redirect with query params

import { withRouter } from 'react-router-dom';

class SearchComponent {

    // Component Code goes here

    onSubmit(){
        let queryString = "q=" + this.state.q;
        this.props.history.push(`/search/hotels?${queryString}`);
    }
}

export default withRouter(SearchComponent)

Source: stackoverflow.com

Similar codes

5 votes413 views1 answer
Redirect in netlify react
Javascript React
0 vote418 views1 answer
How to trigger on Blur only when clicked outside parent component and not child component in react js
Javascript React
0 vote389 views1 answer
Use navigate in class component react native
Javascript React
0 vote316 views1 answer
React native rebuild
Javascript React
18 votes369 views5 answers
How to use svg in react js
Javascript React
3 votes336 views2 answers
Handle onchange react
Javascript React
0 vote382 views1 answer
React native create text file
Javascript React
1 vote379 views1 answer
How to test useEffect in react testing library
Javascript React
0 vote371 views3 answers
Scrollview pull to refresh react native
Javascript React
1 vote379 views2 answers
How to not use relative imports in react js
Javascript React