如何在某些動作中對特定組件做出反應

Question

我是React的新手。

我寫了一個示例反應程序，我有2個組件這樣的事情。

示例代碼：

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

我在頁面最底部editname組件。 所以我已經放置在頁面頂部的一個按鈕。單擊該按鈕。我應該移動到編輯名稱組件。

我該怎麼做react.Don't想要使用jQuery。任何反應方式？

Answer 1

瀏覽器支持本機！如果你有<a href="#some-id">，並且有一個id="some-id"元素，它將滾動到該元素。這意味着您也可以將某個人直接鏈接到編輯姓名字段。

這裏的an example

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

    <Spacer /> 

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

---

另一種方法是有一個事件發射器發送請求滾動改變，沿着足夠的信息傳遞給唯一識別組件的事件。組件正在偵聽事件並通知瀏覽器滾動到其元素。您可以通過快速的谷歌搜索找到實際的「如何滾動到元素」。