使用场景
下面是几个适合使用 refs 的情况
1、处理焦点、文本选择或媒体控制
2、触发强制动画
3、集成第三方 DOM 库
- HTML元素
<div ref={() => this.domName = React. createRef()}></div> // 修改dom样式 this.domName.style.background = "pink";
- 组件元素和styledComponents样式化的元素
// styledComponents样式化的元素 const KillItem = styled.div` font-size: 16px; cursor: pointer; font-weight: 600; `; <KillItem innerRef={() => this.domName = React.createRef()} /> // 修改dom样式 this.domName.style.background = ‘pink‘;
// 组件dom <Row type="flex" align="middle" innerRef={()=>this.domName = React.createRef()}></Row> // 修改dom样式 this.domName.style.background = "pink";
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。