[toc] ## 原生ref ref用在普通的 DOM 元素(準確來說是一個普通的JSXtag) 上時，組件掛載完時，DOM 元素 會作為ref的參數傳入; ref用在組件上時，組件本身（而不是組件的入口dom） 將作為ref的參數傳入; ## styled-component：innerRef styled-component因為本身就是一個組件，而不是普通的JSXtag元素，如果使用`ref`，它獲取到的是styled-compoent本身。 但，如果使用的是styled-compnent特有的`innerRef`獲取到的是為被styled包裹前的React組件，注意是React組件，而**不是**dom， 通過innerRef獲取到dom，只有一種情況，那就是你的styled-component是通過`styled.div`這種的快捷創建styled-component的組件，它更像是一個普通的JSXtag，而不是一個組件，So也因此可以獲得其dom。