گرفتن state از کامپوننت فرزند در React

سلام دوستان
من با استفاده از router، یک Route درست کردم که با path بتونه پارامتر بگیره و صفحه هر todo رو نمایش بده ولی وقتی میخوام که todo رو به عنوان props به TodoDetailed در کامپوننت App بدم، چون states ها در Home قرار داره و Route ها در App، نمd تونم به state های Home دسترسی پیدا کنم.
راهی به غیر از انتقال state به App هست؟
App.js

import React, { Component } from 'react';
import { BrowserRouter, Route } from 'react-router-dom';
import { Home } from './components/pages/Home';
import DetailedTodo from './components/DetailedTodo';

class App extends Component {

  render() {
    return (
      <BrowserRouter>
        <div className="app">
          <Route exact path='/' component={() => <Home getTodo={this.getTodo} />} />
          <Route path="/todos/:todo_id" component={() => <DetailedTodo />}/>
        </div>
      </BrowserRouter>
    )
  }
}

export default App;

Home.js

import React, { Component } from 'react';
import Todos from '../Todos';

export class Home extends Component {
  state = {
    todos: [
      { task: 'Listen *****', id: 1, done: false, decription: 'Listen to New Album' },
      { task: 'Watch Movie', id: 2, done: false, decription: 'Watch Dark' },
      { task: 'Learn React', id: 3, done: false, decription: 'Learn React Router' }
    ],
    filter: ''
  }

  render() {
    return (
      <div className="container pt-5">
          <Todos todos={this.state.todos} />
      </div>
    )
  }
}}