[Solved]-How can I pass props from one component to another using Link and router in react-Reactjs

pass it something like this. use state prop and pass necessary items. in the below example visibleflag which is a boolean is passed along the link.

 <link to={{
       pathname: '/client',
       state: {
                visibleflag: true
        }
  }}>
                   <button
                     onchange={(event) =>{
                       event.preventdefault();
                       this.setstate({
                           bvalue:"unavailable",
                           disable:true
                       })
                     disabled={this.state.disable}
                   >book now</button>
</link>

accessing:

const { visibleflag } = this.props.location.state

using withrouter hoc to access the router props

import { withrouter } from 'react-router-dom'
....
//code 
....
export default withrouter(yourcomponent)