/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

3 votes213 views2 answers
Autocomplete react jsx attributes vscode
Javascript React
0 vote233 views1 answer
Npx code for src folder in react js
Javascript React
0 vote220 views1 answer
Ui5 React bind element
Javascript React
0 vote237 views1 answer
A form label must be associated with a control react
Javascript React
4 votes230 views1 answer
React router history push parameter
Javascript React
262 votes273 views6 answers
Create a react native project
Javascript React
1 vote231 views3 answers
How to make sticky footer with react router
Javascript React
0 vote216 views1 answer
React event stop propagation
Javascript React
1 vote227 views1 answer
React native app crashes without error
Javascript React
-2 votes230 views1 answer
Keyboard close when typing react native
Javascript React