0

Есть функция, которая должна обновлять массив пользовательских данных удаляя из него элемент. По onClik в функциональный элемент передаётся ссылка на метод и на индекс элемента в массиве. Всё до этого момента работает корректно (проверял console.log()). Есть странная особенность метода splice(). Вроде как тут прочёл описание ( https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/splice ), но всё работает не так. Я не совсем понимаю почему. При вводе:

1;
2;
3;
2;

И нажатии на 3 консолит это:

введите сюда описание изображения

deleteNote (index) {
    let arr = this.state.lies;
    console.log(arr);  //
    arr = arr.splice(index, 1);
    console.log(arr);  //
    this.setState({lies : arr});
}



render () {
    let lies = this.state.lies.map( (item, index) => {
    return item = <NewLi 
                text = {item.text}
                key = {item.id}
                id = {index}
                deleteNote = {this.deleteNote.bind(this)}
                />;
    })



function NewLi (props) {
return(
    <div>
        <li>{props.text}</li> 
        <button onClick = {() => props.deleteNote(props.id)}> X </button>
    </div>
    );
} 
module.exports = NewLi;
2
  • Что не так? В консоли все верно тебе выдает, .splice() возвращает ссылку на массив с удаленными элементами
    – A.Ivankov
    21 авг 2017 в 14:05
  • Так я хочу 1 элемент удалить, а функция удаляет все, кроме того по которому был клик.
    – Evander
    21 авг 2017 в 14:06

1 ответ 1

3

Замени arr = arr.splice(index, 1) на arr.splice(index, 1) и будет счастье.

2
  • Спасибо. Я просто уже часов 6 сижу, разбираюсь. Вот, тупить начал.)
    – Evander
    21 авг 2017 в 14:14
  • @Evander , не за что))У всех бывает))
    – A.Ivankov
    21 авг 2017 в 14:15

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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