關於React.js的ReactDOM.createRoot()和ReactDOM.render()，這兩種語法疑惑

react.js

帥帥大阿湯 2022-06-08 10:35:22 ‧ 1745 瀏覽

分享至

你好!各位大大，小弟，初學react.js，現在codepen.io練習React.js，對這兩種語法感到疑惑，語法如下:

1.ReactDOM.render(xxx,document.getElementById("root"))
2.ReactDOM.createRoot(document.getElementById('root'));
root.render(xxx);
問題如下:
1.ReactDOM.render()這個寫法是第17版的寫法嗎?
2.ReactDOM.createRoot()這個寫法是第18版的寫法嗎?
3.ReactDOM.render()和ReactDOM.createRoot()，這兩個寫法都是第18版嗎?
4.上述兩段語法，哪一種是最流行的寫法呢?

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

Todd

iT邦新手 1 級 ‧ 2022-06-08 11:05:34

1.是
2.是
3.React.DOM() ?

4.如果是react 18就建議使用createRoot()，因為升到18繼續用ReactDOM.render會有warning且18的ReactDOM.render沒辦法使用suspense。
且使用createRoot()就可以馬上享受到react18的部分新功能 auto batching 、concurrent mode
流行程度我想大部分應該都還是在react 17 ，但如果現在要建立新專案或者學習react就直接從react 18開始吧