Передача данных из ссылки на компонент

Question

У меня есть Компонент 1 , который отображает несколько якорных ссылок. Когда пользователь нажимает на эту ссылку, он открывает новую страницу ( Компонент 2 ), где HTML-структура для этой страницы должна быть передана из Компонент 1 . В настоящее время я пытаюсь передать данные из <Link /> с помощью свойства state={}.

Компонент 1

<Link
  to={{pathname:"...", state:{content:"<div>....</div>"}}}
  target="_blank"
  rel="noopener noreferrer"
  className="..."
/>

Routes.js

.......
<Route path="/somepath/:xyz" exact component={Component 2} />
........

В текущий момент, когда я проверяю на props.location.state его "неопределенность" и не знаю почему?

Answer 1

Лучший способ для меня - передать render реквизит моей <Route />:

<Route path="/somepath/:xyz" exact render={(props) => <MyComponent {...props} anotherProp="test" /> />