Javascript 镭（反应）-将样式值作为道具传递

我正在尝试使用镭创建一个带有内联样式的自定义React组件。我有反应，镭和流星完美地分开这个小东西

我想要达到的目标：

<div style={styles.tile}>
...
var styles = {
tile: {
    background: this.props.color
}

...
变量样式={
瓷砖：{
背景：this.props.color
}

然后在父对象中创建新组件，如下所示：

<Tile color="#A200FF"></Tile>

我得到的是：

Error: Invariant Violation: findComponentRoot(..., .0.0.0.0.$/=11.0.$=10.0): Unable to find element. This probably means the DOM was unexpectedly mutated (e.g., by the browser), usually due to forgetting a <tbody> when using tables, nesting tags like <form>, <p>, or <a>, or using non-SVG elements in an <svg> parent. Try inspecting the child nodes of the element with React ID ``.

错误：不变冲突：findComponentRoot（…，.0.0.0.$/=11.0.$=10.0）：找不到元素。这可能意味着DOM意外发生了变化（例如，通过浏览器），通常是因为在使用表、嵌套标记（如，、或）或在父元素中使用非SVG元素时忘记了。请尝试检查具有React ID``的元素的子节点。

现在，如果我删除

这个.props.color

并键入

“#FF0000”

，它将工作得非常好。但我确实需要能够将颜色从父级传递到组件

正如我所说：Meteor、React和Radium在应用程序的其他地方工作得非常好

有什么想法可以实现我想要建立的东西吗？是镭的错误还是我不了解它的一些重要的东西