react函数式组件+ts+ref_ts+react函数写法+ref

import React from 'react'

class App extends React.Component {
  private readonly myRef: React.RefObject<HTMLDivElement>
  constructor (props: any) {
    super(props)
    this.myRef = React.createRef() // 1.创建一个ref的引用，并且可以通过this.myRef属性去进行访问
    this.state = {

    }
  }

  componentDidMount () {
    // 可以通过this.getRef.current  属性名来进行获取
    console.log(this)
  }

  render () {
    return (
      <div ref={this.myRef}>
        <h1>234234324</h1>
      </div>
    )
  }
}

export default App

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28