ReactJS-内联样式可以将状态/道具作为完整样式字符串吗？

标准html内联样式：

<div style="background-color:blue, height:500px; width:500px;">Foo</div>

this.state = {
      specialDiv : 'backgroundColor:"blue", height: 500, width:500'
}

<div style={{ this.state.specialDiv }}>Foo</div>

并且在html中：

<div style="background-color:blue, height:500px; width:500px;">Foo</div>

this.state = {
      specialDiv : 'backgroundColor:"blue", height: 500, width:500'
}

<div style={{ this.state.specialDiv }}>Foo</div>

Foo

这是行不通的，但除了使用类之外，类似的东西能使样式完全动态吗

（我正在考虑如何允许用户动态选择自己的动态样式，而类无法实现这一点。）

---

提前感谢。

style属性接受一个对象；该对象应该将CSS属性作为键，并将这些属性的值作为值。因此：

//注意：使用时只应直接设置'this.state'
//ES6类，甚至只有在构造函数中
此.state={
专题五：{
背景颜色：“蓝色”，
身高：500，
宽度：500
}
};
// ...
//'this.state.specialDiv'已经是一个对象，
//不需要用额外的卷发把它包起来
福

如果您更改为

this.state={specialDiv:{'backgroundColor:“blue”，高度：500，宽度：500'}}

（注意额外的花括号），那么它可能确实有效。