/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

22 votes241 views4 answers
Reactjs copytoclipboard box
Javascript React
0 vote210 views1 answer
Images not displaying in react
Javascript React
1 vote209 views1 answer
Npm package for sorting in reactjs
Javascript React
1 vote222 views2 answers
Cannot read property of undefined (reading 'push') react
Javascript React
3 votes189 views2 answers
React navigation header transparent
Javascript React
0 vote234 views2 answers
Storage package npm react
Javascript React
2 votes209 views2 answers
Fullcalendar react add event duration
Javascript React
-1 vote200 views1 answer
React native smart splash screen
Javascript React
26 votes289 views6 answers
React js
Javascript React
0 vote208 views1 answer
How to install react native hooks with npm
Javascript React