title: Passing data using state in Link tag in React router
body: <p>I don't know where I'm wrong. I want to pass that parameter as a state to Link tag and get that in another component. </p>
  
  <pre><code>import React from 'react'
  import {Link} from "react-router-dom";
  
  export default class CategoryList extends React.Component{
  
  
      render(){
          return(
              &lt;tr&gt;
                  &lt;td&gt;
                      &lt;Link to={{pathname:"/Topics/" + this.props.row.Occupation+"/"+this.props.row.objectId +'/id'+'/'+this.props.userName, state:{description:this.props.row.Description}}}&gt;
                          {this.props.row.Occupation}
                      &lt;/Link&gt;
                  &lt;/td&gt;
                  &lt;td&gt;{this.props.row.Description}&lt;/td&gt;
              &lt;/tr&gt;
          )
      }
  } 
  </code></pre>
  
  <p>index.js</p>
  
  <pre><code>&lt;Route path="/Topics/:Occupation/:objectId/:id/:userName" component={Main} /&gt;
  </code></pre>
  
  <p>I want to pass it here and access the state given in  Link tag. So your help will be great.</p>