У меня очень простая структура. У меня есть поле ввода и текстовое поле. Я хочу управлять значениями input/textarea в состоянии. Также я хочу проверить поле textarea (максимум 140 символов). Я делаю простое если для того.
И теперь, когда я что-то набираю в первом вводе, у меня ошибка:
Uncaught TypeError: невозможно прочитать свойство «длина» неопределенного в App.render (App.jsx: 44) (...)
Я понятия не имею, почему у меня эта ошибка. Я даже ничего не делаю в своем текстовом поле еще...
код:
class App extends Component {
state = {
formValues: {
title: "",
description: ""
}
};
titleValueChangeHandler = e => this.setState({ formValues: { title: e.target.value } });
descriptionValueChangeHandler = e => {
if (this.state.formValues.description.length === 140) return;
this.setState({ formValues: { description: e.target.value } });
};
render() {
return (
<>
<input
type="text"
onChange={this.titleValueChangeHandler}
value={this.state.formValues.title}
/>
<textarea
onChange={this.descriptionValueChangeHandler}
value={this.state.formValues.description}
/>
<p>{this.state.formValues.description.length}</p>
</>
);
}
}
