Question

我对TypeScript还是很陌生，所以我正在寻找一种优雅的方法来解决以下问题。我有一个名为emailAddress的状态变量，该变量的值由输入字段设置。我还希望输入字段从状态变量返回它的值，例如：

interface MyState {
  emailAddress: string;
}

(...)

constructor(props: LandingProps) {
    super(props);
    this.state = {
        emailAddress: "",
    }
}

(...)

<input 
type="text" 
placeholder="YourName@Example.com" 
value={ emailAddress }
onChange = { (e: React.ChangeEvent) => this.setState({ emailAddress: e.target.nodeValue }) }
/>

这里的问题是，即使null的值可以是e.target.nodeValue，输入字段的值也不能是null

Answer 1

解决方案最终如下：

onChange = { (e: React.ChangeEvent<HTMLInputElement>) =>  this.setState({emailAddress: e.target.value})}

我们错过了TypeVariable：HTMLInputElement

TypeScript / React：设置输入到event.target.nodeValue的值

1 个答案: