React笔记（6）：在React中使用DOM操作

本文已参与「新人创作礼」活动，一起开启掘金创作之路。

×在React中使用DOM操作

React中很少直接用到DOM操作, 因为所有的功能都可以基于数据驱动来完成, DOM是框架帮我们做的事情, 但是也有些喜欢用DOM操作的开发者, 那么看看如何在React中使用DOM操作

通过ref进行DOM操作

1. refs

React中提供通过操作DOM来实现需求的方式, 那就是refs, it是一个对象, 存储了当前被渲染组件中的非受控组件

有两种方法挂载非受控组件ref

1. 常规操作 : 挂载到this.refs上

2. 特殊操作 : 挂在到this实例上

   

   效果图