在反应中将对象传递给路由

Question

我尝试在反应中传递对象 我有这个代码可以连接到新的 componenet ，我想将所有用户详细信息传递给这个 组件 .

//这是路由，我如何将“elm”对象传递给 TodoComponent

<Route path="/todo/:id" element={
   <AuthenticatedRoute>
         <TodoComponent/>
   </AuthenticatedRoute>



 function updateTodo(id) {
        navigate(`/todo/${id}`)
    }

<tbody>
                        {
                            todos.map(elm =>(
                                <tr key={elm.id}>
                                    <td>{elm.id}</td>
                                    <td>{elm.describtion}</td>
                                    <td>{elm.done.toString()}</td>
                                    <td>{elm.targetDate.toString()}</td>
                                    <td><button className="btn btn-warning" onClick={()=>deleteTodo(elm.id)}>Delete</button></td>
                                    <td><button className="btn btn-success" onClick={()=>updateTodo(elm.id)}>Update</button></td>

                                </tr>    
                            ))
                        }
                          
                    </tbody>

这是 TodoComponent 我怎样才能从上面的组件中捕获“elm”对象

function TodoComponent() {
    return (
        <div className="continer">
            <h1>Enter Todo Details</h1>
            <div>

            </div>
        </div>
    )

}

export default TodoComponent;