Javascript 如何在对某些操作作出反应时将href指向特定组件

我是新来的

我已经编写了一个示例react程序，其中有两个组件，类似这样的东西

示例代码：

render: function(){
{/* onclick of this button should move the page to editname component*/}
  <Button ..../>
  {listnames} 
  {editname}
}

render:function（）{
{/*onclick此按钮应将页面移动到editname组件*/}
{listnames}
{editname}
}

我在页面的最底部有editname组件。 因此，我在页面顶部放置了一个按钮。单击该按钮后，我应该移动到editname组件

---

如何在react中执行此操作。我不想使用jquery。有什么反应吗

浏览器本机支持此功能！如果您有

返回(
);


另一种方法是让一个事件发射器发送一个事件，请求滚动进行更改，传递足够的信息以唯一地标识一个组件。组件正在侦听事件，并告知浏览器滚动到其元素。您可以通过快速谷歌搜索找到实际的“如何滚动到元素”

return (
  <div>
    <a href="#x-change-name">Go to change name</a>

    <Spacer />

    <div id="x-change-name">
      <input placeholder="Name..." />
    </div>
  </div>
);