javascript - 使用带有状态的打字稿？当用户输入字符串以外的内容时，我如何进行类型检查，我目前对打字稿很陌生

Question

import React from 'react';
import './App.css';


interface Input{
  input?:string;
}



class App extends React.Component<Input, any> {
  constructor (props:any) {
    super(props);
    this.state = {
      input: ''
    }
  }

  onEventChange (e:any) {
   this.setState({ 
    input: e.target.value
    })

  }
 render() {
  return (
    <div className="App">
     <h1>Weather app</h1>
     <input type="text" onChange={this.onEventChange.bind(this)} />
     <h1>{this.state.input}</h1>
    </div>
  );
 }
}

export default App;

我目前正在尝试做的是验证用户输入。我不确定如何将我的界面移动到该状态。这可能吗？我在任何地方都找不到答案。

标签： javascripthtmlreactjstypescript