Portal為插槽功能,可以將子元件渲染到父元件以外的地方,聽起來很炫,概念感覺有點像任意門?render一個component時,其實改變的是另一個地方的DOM,通常會用到的情境是要跳脫父元件的限制,像是z-index、overflow:hidden等等。
在沒有用過框架的chrome的除錯工具前,我其實不知道類似這樣的工具在開發上能夠有什麼幫助?不過經過實際使用一陣子之後, 才發現dev tools真的太好用了(雖然我用的是vue tools, Debug的時候很好用…
以前我們要抓一個DOM的時候很習慣用document.getElementById、document.getElementsByClassName等等的語法來取得我們要的 DOM元素,但假設在react中要取得…