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

Question

Я просто хочу выполнить обычную операцию.Когда я нажимаю на логотип моего сайта, он должен перейти на главную страницу.Находясь на третьей странице веб-сайта, после нажатия на логотип я смогу увидеть свой основной компонент.Это реактивно-избыточное приложение.Я попытался с помощью компонента High Order OrderRouter получить доступ к его методу history.push (), но я получаю сообщение об ошибке «Не удается определить withRouter () вне маршрутизатора».Я испробовал все его решения, но это все равно показывает мне эту ошибку.Какой подход поможет мне здесь заставить эту маршрутизацию работать ??Есть ли что-то конкретное для импорта в магазин редуксов?Компонент логотипа является моим дочерним компонентом, который не включен в конфигурацию маршрута.

Content.js 

const Content = (props) => {
    return (
        <Router>
          <div>
            <Route exact={true} path="/" component={Demo 1} />
            <Route path="/demo2" component={Demo 2} />
            <Route path="**" render={() => (
              <Redirect to="/" />
            )} />
          </div>
        </Router>
    );
}

Header.js

    class Header extends Component  {

     constructor(props) {
         super(props);
       }

      render(){
      return (
        <div  >
          <div >
            <img src="/images/logo.png" />
          </div>
          <div className="header">
            <span className="logout-btn">logout</span>
          </div>
        </div>
      );
    }}
    export default Header


App.js

> class App extends Component {   
render() {`

    return (

      <div className="wrapper">
        <Header />
        <Content></Content>

      </div>
    );
  }
}

Я хочу щелкнуть изображение (которое находится в компоненте заголовка) и хочу, чтобы компонент демонстрации 1 отображался так, как это моя домашняя страница.