React第六天 - ref

ref

• 组件不是真实的 DOM 节点，在 react 开发中，官方不建议直接去操作原生的 DOM，组件的 DOM 节点是存在于内存中的一种数据结构，叫做虚拟DOM。如果需要从组件中获取真实的DOM节点，那就需要官方提供的 ref 属性。

• react 提供了 ref 用于访问在 render 方法中创建的 DOM 元素或者是 react 的组件实例

• ref分为三种

  • string 类型(已经被淘汰)

    this.refs ( 获取 DOM)
  

  • createRef 创建(官方推荐，16.3之后的版本使用这个)

  constructor() {
    super()
    this.input2 = createRef()
  }
    this.input2.current