0

Есть код:

handleSubmit = (event) => {
event.preventDefault()
let nextId = 3
const newObj = {
  id: nextId++,
  label: this.state.value
}
const newArray = [...this.state.list, newObj]

this.setState({list: newArray})

}

Не увеличивается значение nextId, в связи с чем React выдает ошибку, что элементы встречаются с одинаковым ключём.

Как побороть это?

1 ответ 1

0

Дело в том что вы каждый раз создаете переменную nextId внутри функции handleSubmit

Объявите переменную nextId на одном уровне с вашей функций:

nextId = 0
handleSubmit = (event) => {
    ...
}

Тогда ваша функция будет выглядеть следующим образом:

handleSubmit = (event) => {
    event.preventDefault()
    const nextId = this.nextId++
    const newObj = {
        id: nextId,
        label: this.state.value
    }
    const newArray = [...this.state.list, newObj]
    this.setState({list: newArray})
}

Ваш ответ

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

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