Reactjs делится ссылкой на страницу, контролируемую государством

У меня есть проект reactjs, который использует версию маршрута реагирования 4 и react16.3. Я могу перейти на страницу http://localhost:8000/#/мой-список, где она приведет вас к компоненту MyList, в моем компоненте списка есть ссылка для просмотра одного списка, который ведет себя как SPA, изменяя состояние, как показано ниже.

import React,{Component} from 'react'

class MyList extends Component{
     constructor(props){
         super(props)
         this.state = {
            canViewItem:false
         }
         this.viewItem=this.viewItem.bind(this)
     }

     viewItem(){
          this.setState({canViewItem:true})
     }
 renderDisplay() {
        const {canViewItem}=this.state
         if (canViewOrder){
            return <canViewItem cancel = {this.cancel} item = {item}  />
        }
        else {
            return this.renderMyList()
        }
    }

     renderMyList(){
        return(
                <table>
                    <thead>
                         <tr>
                            <th>Iten Name</th>
                            <th>Quantity</th>
                            <th>More Details</th>
                         </tr>                                 
                     </thead>
                     <tbody>                                 
                          <tr>
                              <td>Item 1</td>
                               <td>10</td>
                               <td>onClick = {() => this.viewItem(item1Obj)}</td>
                          </tr>
                          <tr>
                              <td>Item 2</td>
                               <td>30</td>
                               <td>onClick = {() => this.viewItem(item2Obj)}</td>
                         </tr>
                     </tbody>
                 </table> 
       }
       render(){
         return this.renderDisplay()
       }
}

Как мне поделиться ссылкой, чтобы она вела меня прямо на страницу товара?