React飞行日记(七) - 在React中使用DOM操作

    技术2022-07-10  88

    ×在React中使用DOM操作

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

    通过ref进行DOM操作

    1. refs

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

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

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

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

    效果图

    Processed: 0.009, SQL: 9