Я немного запутался в ссылках на React - создание и пересылка.
Вот мой случай.
<MyContent>
<ul>
<li>
<ScrollToAnchor href="#target-1">Go to target 1</ScrollToAnchor>
<ScrollToAnchor href="#target-2">Go to target 2</ScrollToAnchor>
</li>
</ul>
<h1 id="target-1" ref="target-1">Target 1</h1>
<h1 id="target-1" ref="target-2">Target 2</h1>
</MyContent>
В методе MyContent render
я выводил контент как this.props.children
,
Я почему-то не могу выбрать target-1
или target-2
внутри ScrollToAnchor
компонента, так как он, похоже, находится вне области видимости.Каков будет правильный механизм для достижения этого?Я бы хотел избежать document.querySelector(id)
, так как это не похоже на React.
Если вам понадобится еще какой-нибудь код, сообщите мне.