[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。