javascript - 尝试理解 React 的 Set State - Set State 并将其应用于单个组件

Question

注意:它的 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

}

渲染函数内部->

我使用 this.state.contacts.map 显示联系人(状态)中的数据

在 map 函数内有一个带有 className 的 div

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

Answer 1

只需使用 native Array.join 方法即可生成类字符串:

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