Блог

Главная - Вопросы по программированию - Распространение реквизитов на список компонентов

Распространение реквизитов на список компонентов

#reactjs #redux

#reactjs #сокращение

Вопрос:

Я пытаюсь отправить кучу реквизитов компоненту.

В консоли.журналы Я отметил, что все работает так, как я ожидал, каждый объект имеет свое правильное значение, каждая операция распространения работает. Но мои карточки не отображаются на странице. Правильно ли это?

         return ( 
            <div>
                {this.state.articles.forEach((card) => {
                    <ArticleCard {...card} />
                })}
            </div>
        )

Изображение, показывающее проблему

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

1. Вы уверены, что в this.state.articles есть данные? И как выглядит ваш компонент articlecard?

2. ArticleCard — это компонент, использующий множество реквизитов для создания чего-то вроде этого , и да, this.states.articles был заполнен. Нажмите на ссылку на изображение в вопросе или здесь , вы увидите … спасибо за попытку помочь ^^, но некоторые ребята уже решили это.

Ответ №1:

Array.forEach ничего не возвращает. Вам нужно использовать Array.map . Также вы должны возвращать компонент, который будет отрисован при обратном вызове.

 return ( 
  <div>
      {this.state.articles.map((card) => (
          <ArticleCard {...card} />
      )}
  </div>
)

Ответ №2:

Вместо использования forEach вам следует использовать map функцию для массива и с return ключевым словом для возврата всех ArticleCard 

 return( 
<div>
  {this.state.articles.map((card) => {
    return <ArticleCard {...card} />
  })}
</div>
)