Мне нужно создать форму, которая будет отображать что-то на основе возвращаемого значения API. Я работаю со следующим кодом:
class App extends React.Component {
constructor(props) {
super(props);
this.state = {value: ''};
this.handleChange = this.handleChange.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
}
handleChange(event) {
this.setState({value: event.target.value});
}
handleSubmit(event) {
alert('A name was submitted: ' + this.state.value); //error here
event.preventDefault();
}
render() {
return (
<form onSubmit={this.handleSubmit}>
<label>
Name:
<input type="text" value={this.state.value} onChange={this.handleChange} /> // error here
</label>
<input type="submit" value="Submit" />
</form>
);
}
}
Я получаю следующую ошибку:
error TS2339: Property 'value' does not exist on type 'Readonly<{}>'.
Я получил эту ошибку в двух строках, которые прокомментировал код. Этот код даже не мой, я получил его с официального сайта реакции (https://reactjs.org/docs/forms.html), но здесь он не работает.
Я использую инструмент создания-реакции-приложения.