Javascript 如何在HTML中设置React组件的样式

我正在通过一个数组进行映射，我想根据该元素是否存储在用户配置文件中来设置背景色，但我在设置背景色时遇到问题，因此出现了此错误。”不变冲突：

style

prop需要从样式属性到值的映射，而不是字符串。例如，当使用JSX时，style={{marginRight:spating+'em'}}。此DOM节点由

AddingHabity

呈现

{this.renderHabits（）.map（（habitObject）=>{
返回（文本在哪里？）
})}

---

稍后将用变量替换黑色，但这只是为了使其正常工作。我尝试了style={{background color:black}}，正如错误所提示的那样，但没有成功。这是使用与流星反应

除了在进行此映射时必须使用稍微不同的语法之外，您几乎可以做到这一点。您必须使用camelCase，而不是dash-deliniated样式（同样，您写下了

black

，但这是一个未定义的变量，因此您需要一个字符串

'black'

）。以下将起作用：

{{ backgroundColor: 'black' }}

---

您可以将相同的逻辑应用于几乎所有其他css样式。

除了在进行此映射时必须使用稍微不同的语法外，您几乎可以做到这一点。您必须使用camelCase，而不是dash-deliniated样式（同样，您写下了

black

，但这是一个未定义的变量，因此您需要一个字符串

'black'

）。以下将起作用：

{{ backgroundColor: 'black' }}

您可以将相同的逻辑应用于几乎所有其他css样式。

React文档中介绍了这种情况。无法将字符串传递给

样式

道具-必须传入对象：

var divStyle = {
    backgroundColor: 'black',
};

并在渲染调用中执行

。

React文档中介绍了这种情况。无法将字符串传递给

样式

道具-必须传入对象：

var divStyle = {
    backgroundColor: 'black',
};

---

在渲染调用中执行

。

谢谢你的摇滚乐。我会在8分钟内把你标记为正确答案，到时候我会的。谢谢你，老兄，你太棒了。我会在8分钟内给你打上正确的分数。