class.tsx

import React, { Component, ChangeEvent } from 'react';

// props -н төрлийг зааж өгж байна
type propsTypes = {
  name: string
}

// state -н төрлийг зааж өгч байна
type stateTypes = {
  name: string
}
export default class App extends Component<propsTypes, stateTypes> {
  // байгуулагч функцийг зарлах шаардлагагүй
  state: stateTypes = {
    name: this.props.name
  }
  onChange = (e: ChangeEvent<HTMLInputElement>) => {
    this.setState({ name: e.target.value })
  }
  public render() {
    return (
      <div>
        <input type="text" name="name" value={this.state.name} onChange={e => this.onChange(e)} />
        <br />
        <h1>Name: {this.state.name}</h1>
      </div>
    );
  }
}