(первый вопрос по SE, постараюсь придерживаться правил и рекомендаций сообщества - поискал в Google и SO, но не смог найти ответа)
Я использую модуль semantic-ui-react
для реализации формы с текстовым полем.
Конструктор с функциями
constructor(props) {
super(props);
this.state = {
loading: false,
email: '',
request: 'your request',
};
this.handleSubmit = this.handleSubmit.bind(this);
this.handleChange = this.handleChange.bind(this);
this.handleTextareaChange = this.handleTextareaChange.bind(this);
}
handleSubmit() {
const { email } = this.state;
console.log(email);
}
handleChange(e, { name, value }) {
this.setState({
[name]: value
});
}
handleTextareaChange(e){
console.log(e);
this.setState({
request: e
});
}
Я могу успешно получить входные значения формы, используя функцию handleChange, привязанную к onChange из
render() {
return (
<div>
<Grid centered>
<Grid.Row>
<Grid.Column width={8}>
<Form onSubmit={this.handleSubmit} loading={this.state.loading}>
<Form.Field>
<h1>Leave us a request or note</h1>
<label>enter email address</label>
<Form.Input placeholder='Email' name='email' value={this.state.email} onChange={this.handleChange} />
<Form.Field label='your request/suggestion' name='request' value={this.state.request} onChange={this.handleTextareaChange} control='textarea' rows='3' />
<Form.Button primary content='Submit' />
</Form.Field>
</Form>
</Grid.Column>
</Grid.Row>
</Grid>
</div>
)
}
но обработка onChange в текстовой области с помощью handleChange дает TypeError: невозможно прочитать свойство 'name' неопределенного а>
должен ли я создать другую функцию для привязки к текстовой области onChange (я добавил функцию handleTextareaChange только для получения события), чтобы получить содержимое текстовой области?
Спасибо за любую помощь.