/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

0 vote325 views1 answer
Why to escape from quotation mark in react
Javascript React
15 votes313 views8 answers
React bootstrap
Javascript React
7 votes267 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote314 views1 answer
How to add alternate image in img tag in react
Javascript React
0 vote337 views1 answer
React chart js 2 api data
Javascript React
2 votes287 views1 answer
Change color of strike through line of text in react native
Javascript React
0 vote322 views1 answer
Uuid for react native
Javascript React
1 vote275 views2 answers
React warning can't perform a react state update on an unmounted component
Javascript React
-2 votes343 views1 answer
Setting up a React Environment
Javascript React
0 vote333 views1 answer
Stateprovider.js react
Javascript React