How do I pass props to a component passed as an element prop to a Route in React-Router 6?

Question

Just as the title says, I want to know how to pass props to a React component that is passed to a Route as its element prop.

So, for this code

<Route path="/" element={<App />} >
    <Route path="table" element={<Table />} />
</Route>

How do I pass props to Table?

Uhh, just like you've done, `
`. Are you having an issue with passing props this way? — Drew Reese, Nov 08 '21 at 16:14
If the props are coming from the `````` component, then yes. Since I cannot access variables and functions that are inside ``````. In any case, I managed to pass props by creating a `````` component inside ``````. — Lucian Anghel, Nov 08 '21 at 16:38
Can you clarify what it is specifically that you are trying to do? — Drew Reese, Nov 08 '21 at 20:15

Veselin Kontić · Answer 1 · 2021-11-08T12:30:17.817

1

Hey maybe this will be useful to you:

edited Nov 08 '21 at 12:30

answered Nov 08 '21 at 12:07

Veselin Kontić

1 Answers1