×在React中使用DOM操作
React中很少直接用到DOM操作, 因为所有的功能都可以基于数据驱动来完成, DOM是框架帮我们做的事情, 但是也有些喜欢用DOM操作的开发者, 那么看看如何在React中使用DOM操作
通过ref进行DOM操作
1. refs
React中提供通过操作DOM来实现需求的方式, 那就是refs, it是一个对象, 存储了当前被渲染组件中的非受控组件
有两种方法挂载非受控组件ref
-
常规操作 : 挂载到
this.refs上 -
特殊操作 : 挂在到
this实例上效果图