Разрушение реквизита в React
У меня возникла проблема с ошибкой lint при разрушении назначения реквизита. Поскольку я новичок, я не знаю, как это сделать с функцией в реквизите.
это моя функция, где она назначена:
handleChangeEvent(e) {
this.props.inputChange(e.target.value);
}
Я передаю изменение родительскому элементу (поднимая состояние), поэтому теперь у меня есть функция в свойствах, где отражаются изменения в поле ввода.
Пожалуйста, как я могу сделать его разрушительным при передаче этого параметра (e.target.value)?
Спасибо,
ОБНОВИТЬ:
После ответов и некоторых исследований я, наконец, сделал следующее:
handleChangeEvent({ target: { value } }) {
const { inputChange } = this.props;
inputChange(value);
}
Если вы имеете в виду деструктуризацию в параметре, ответ Мозе правильный
да, это то, что я имел в виду. Благодарность
Ответы 2
Разрушение вложенных аргументов:
handleChangeEvent({target: {value}}) {
this.props.inputChange(value);
}
на самом деле это меня бросает: ошибка Необходимо использовать назначение деструктурирования реквизита реагировать / деструктурирование-назначение
Вы можете сделать что-то подобное.
// Родительский компонент
changedHandler(event) {
const value = event.target.value
}
<ComponentChild changed = {this.changedHandler}>
// Дочерний компонент
<input type = "text" onChange = {props.changed}>
Что вы подразумеваете под «сделать это разрушительным»?