Попытка понять Установить состояние реакции - Установить состояние и применить его к одному компоненту - PullRequest
Новая
       14

Попытка понять Установить состояние реакции - Установить состояние и применить его к одному компоненту

0 голосов
/ 27 апреля 2018

ПРИМЕЧАНИЕ. Его компонент App.js

У меня есть штат 

state = {

  contacts: [...data is coming from an api],
  bgColors: ["bg-red","bg-blue",...so On]

  // bg colors array consist of class coming from css

}

внутри функции рендеринга ->

I Использовал this.state.contacts.map для отображения данных из контактов (состояние)

внутри функции карты есть div с className 

<div className={`col-sm-3 relative book  ${Here I want to display bgColors String one by one} `}>

1 Ответ

0 голосов
/ 27 апреля 2018

Просто используйте собственный метод Array.join для генерации строки классов: 

<div className={`col-sm-3 relative book ${this.state.bgColors.join(' ')} `} />
...