在react中使用styled-components创建的div组件，在引用styled-components的组件里使用useRef获取dom节点为什么拿不到
styled-conponents组件：
引用styled-conponents组件：
获取dom节点：
运行结果及报错内容
react的useRef获取styled-components创建的div的dom节点
引用styled-conponents组件：
获取dom节点：
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
- 2020-09-24 19:39此外，也可以在组件内部使用`<div className="xxx"></div>`这样的结构，将特定的类名应用到组件内的特定DOM节点上。 最后一个特点是在组件中维护其他属性。通过`attrs`方法，我们可以为组件添加额外的属性，这些...
- 2020-08-04 18:23胜天一子半的博客 安装 yarn add styled-components 引入 import styled from 'styled-components' 先来个最基础的例子 // 创建一个 Title 组件,它将渲染一个附加了样式的 <h1> 标签 const Title = styled.h1` font-size...
- 2019-07-26 09:04「已注销」的博客 styled-components1 前言 前端飞一般的发展中，衍生出各式各样的框架，框架的目的是减轻开发人员的开发难度，提高效率。 以前网页开发的原则是关注点分离，意思是各种技术只负责自己的领域，不要混合在一起，形成...
- 2021-11-28 22:56等下吃什么？的博客 import styled from 'styled-components' // styled.button : 给button标签添加样式 const Button = styled.button` background: palevioletred; border-radius: 3px; border: none; color: white; ` // ...
- 2024-07-17 20:16努力的白熊的博客 div>$primary $color="black">按钮</MyButton></div>
- 2022-04-10 16:16你华还是你华的博客 同时为了避免deepCopy把所有节点都复制一遍带来的性能损耗，immutable使用了structural sharing（结构共享），即如果对象树中一个节点发生变化，只修改这个节点和受它影响的父节点，其它节点则进行共享。类型推断，...
- 2021-10-18 14:21Qssn丶的博客 代码已经关联到github： 链接地址 觉得不错可以顺手点个star，这里会持续分享自己的开发经验（： ...styled-components应该可以说CSS-in-JS最热门的一个库了，到目前为止github的star数已经超过了34k.
- JiaLin_Denny的博客 React 只能兼容IE8以上版本 关于字体图标 react-icons npm install react-icons --save import { FaBeer,FaPen } from 'react-icons/fa'; <FaPen/> 里面fa代表 fontawesome 简写 pen代表你的图标 关于全局...
- 2021-06-08 13:37刻刻帝丶的博客 Vue 与 React 的对比 组件化 Vue 的组件化是将 UI 结构（template）、UI 样式（style）、数据与业务逻辑（script）都放在一个 .vue 的文件中，运行前 .vue 文件会被编译成真正的组件； React 的组件化是直接通过 JS...
- 2018-11-22 09:23barnett_y的博客 Styled-Components 它是通过JavaScript改变CSS编写方式的解决方案之一，从根本上解决常规CSS编写的一些弊端。 通过JavaScript来为CSS赋能，我们能达到常规CSS所不好处理的逻辑复杂、函数方法、复用、避免干扰。 ...
- 没有解决我的问题, 去提问
问题事件
系统已结题
6月14日
已采纳回答
6月6日-
创建了问题
6月6日