通過ref或prop改變React中的子組件？

Question

說我有一個兒童組件。 假設我想根據父母的信息改變其高度。

如果我得到它的參考。 我可以改變它

myChild.changeHeight(newHeight);

（請參閱React.js - 訪問組件方法 ）

或者我可以改變它

<Child height={newHeight}/>

兩者都可以在render（）方法中更改。 但是我應該使用哪一個？

Answer 1

React團隊提供了幾個我們應該使用refs的場景。

refs有一些很好的用例：

• 管理焦點，文本選擇或媒體播放。
• 觸發勢在必行的動畫。
• 與第三方DOM庫集成。

避免使用refs來做任何可以聲明性地完成的事情。

如果即使不使用ref也可以執行某些功能，那么請繼續執行。 在你的情況下，正如你所說，你可以通過傳遞道具來做到這一點。 如果我們使用道具而不是ref，那會更好。