typescript での React refの書き方 備忘録

Typescriptでの React refの書き方

anyで手を抜きがちなのでメモ

参考リンク: any型で諦めない React.EventCallback

import * as React from 'react'

export class Test extends React.Component<Props>{
  // refs
  private selectElement: HTMLSelectElement; // select Element
  private inputElement: HTMLInputElement; // input Element
  render(){
    return(
      <div>
        <input
          type="text"
          ref={input => this.inputElement = input}
        />
        <select
          name={name}
          value={value}
          onChange={this.onChange}
          ref={input => this.selectElement = input}
         >
          {children}
        </select>
      </div>

    )
  }
}