试图了解 React 的 Set State - Set State 并将其应用于单个组件答案

【问题标题】：Trying To understand Set State of React - Set State and apply it on single component试图了解 React 的 Set State - Set State 并将其应用于单个组件
【发布时间】：2018-10-08 03:47:34
【问题描述】：

注意：它的 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函数里面有一个div，className

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

【问题讨论】：

标签： javascript reactjs state setstate

【解决方案1】：

只需使用原生的Array.join方法生成一串类：

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

【讨论】：

好像我的问题不清楚我将在 6 小时后上传我的代码，因为现在我在办公室............但是
是内部地图功能，它的存在给我结果
col-sm-3 relative book bg-red,bg-blue,bgpink......so on}> 只是通过这个/没有连接功能
col-sm-3 relative book ${this.state.bgColors} } />
@pDotJoe 是的，我感觉您可能需要发布一个更完整的示例。我假设您现在考虑到该 div 在不同的组件中，因此您将不得不向下传递状态，这可能是您的问题所在。但是我们需要更完整的代码，包括主机和子组件来进一步帮助您:)
stackblitz.com/edit/react-csg3wt?embed=1&file=App.js请查看代码
@pDotJoe 我不确定你在这里问什么，但快速浏览一下你的addClass 方法并没有按照你的想法做，它总是只返回数组中的第一个元素。否则它看起来很好，所以将它添加到您的问题中并优化您的问题以获得更准确的答案...