0

Получаю данные через props и вывожу через textarea. После внесения изменений в поле textarea текст поля должен сохраниться в переменную и при нажатии кнопки сохранить передаться на сервер.

<div className="Npost" onSubmit={this.handleSubmit}>
                <textarea rows={1} onChange={this.handleChange} id="z">{this.props.headernews}</textarea>
                <textarea rows={1} onChange={this.handleChange} id="t">{this.props.textn}</textarea>
                <button onSubmit={this.handleSubmit}>Сохранить</button>
            </div>

пытаюсь сохранить значение в переменную но не сохраняется ничего

handleChange(event){
        this.setState({z: document.getElementById('z').value});
        this.setState({t: document.getElementById('t').value});
        event.preventDefault();
    }

1 ответ 1

1

В handleChange приходит событие на изменение конкретного textarea, соответственно нужно обновлять только его изменения

handleChange(event){
        const {target: {id, value}} = event;
        this.setState({[id]: value});
    }
5
  • те вот this.setState({z: document.getElementById('z').value}); не работает? Commented 11 февр. 2019 в 9:15
  • честно говоря, я даже не понимаю, зачем искать элемент в доме, что бы достать его значение, если оно уже пришло в событии.. попробуйте вывести в лог - console.log('value', document.getElementById('z').value) в handleChange;
    – raketa
    Commented 11 февр. 2019 в 9:34
  • оно пришло но его надо изменить вот зачем его надо занова считать и передать Commented 11 февр. 2019 в 9:36
  • я вам написал как обновить это значение в локальный state
    – raketa
    Commented 11 февр. 2019 в 9:50
  • @ИванИванов Реакт работает с VirtualDOM, document.getElementById работает с нормальным DOM, поэтому в реакте правильно использовать метод, показанный @batman. Commented 11 февр. 2019 в 10:31

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.