Как удалить первый элемент с помощью map()

#react-native

#react-native

Вопрос:

Я новичок в react, и я хотел бы удалить первый элемент в объекте массива card

       <View style={styles.block}>
         {
          this.props.cards.map((card: ICard) => (
            <CardListItem key={card.id} card={card} />
          ))
        }
      </View> 
 

Я пытаюсь, this.props.cards.slice(1).map но это не работает, если кто-нибудь может мне помочь, это может быть очень приятно

Комментарии:

1. this.props.cards.delete(1).map

2. Спасибо за ваши ответы, но он все еще не работает, я забыл сказать, что это объект массива

Ответ №1:

Вы можете сделать это так, чтобы

Проверьте текущий индекс, если index != 0 тогда возвращается только компонент

 <View style={styles.block}>
  {
    this.props.cards.map((card: ICard, index) => {
      if(index != 0) return <CardListItem key={card.id} card={card} />;
    })
  }
</View> 
 

Ответ №2:

Вместо этого вы можете использовать filter .

 const cards = [1, 2, 3, 4, 5];
const cards_filtered = cards.filter((e,i) => i!=0);
console.log(cards);
console.log(cards_filtered); 

Ответ №3:

возможно, вы неправильно используете splice, попробуйте следующий снипет

 const cards = [1, 2, 3, 4, 5];
console.log(cards);
cards.splice(1,1);
console.log(cards); 

все, что вам нужно сделать, это this.props.cards.slice(1,1)