reactjs - React routing on click event is not working

I am doing routing on button click event

  redirect(){

       return ;

    }

Its not working.

my home page- base component:

import React, { Fragment } from 'react';

  render() {


    const { value } = this.state;

    return (


        

          

             
            

            
            


          
          

            

                

                   } />

                
                

                } />
                
                

                 } />
                

            
          

From my child component I have to redirect to another component,
here is my child component:

  
        
      

redirect(){


       return ;

    }

So but I am not getting any console error too.

Answer

is a component. So, you should use it like this.

class App extends React.Component{
  state = { 
    isRedirect: false,
  }

  redirect = () => {
    this.setState({ isRedirect: true });
  }

  render() {

    return (
      <>
        

        {this.state.isRedirect ?  : null }
      
    ) 
  }

}

OR

You can use history API

but you should add withRouter()

class App extends React.Component{

  render(){
    return(
      <>
        
      
    )
  }
}

export default withRouter(App);