React Router-Ajax深度链接

Question

I have react app using react router and reflux with versions little bit old. We have a table and a search button. When search button is clicked, ajax request is being made to get the results. At this time, I need to append the search results query to the URL to make users able to bookmark it.

I know using, "window.location.hash", we can append query params to browser URL. I wanted to avoid "#".

But is there a way in React router to achieve this ?

Answer 1

If you want user to bookmark the search query, you can use react-router with different route for Query Result page where table with data is rendered.

render() {
     <Route path='/search/:query' component={TableWithData}/>
}

TableData is react component which displays data in Table. React router takes care of changing URL (without hash) and users can bookmark link if they want to.