我正在尝试使用Radium创建一个带有内联样式的自定义React组件。我有React,Radium和Meteor完全分开这个小东西。
我想要实现的目标:
<div style={styles.tile}>
...
var styles = {
tile: {
background: 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 ``.
现在,如果我删除this.props.color
并输入'#FF0000'
,那么它将完全正常。但我真的需要能够将颜色从父级传递给组件。
正如我所说:Meteor,React和Radium在应用的其他地方运行得非常好。
任何想法如何实现我想要构建的东西?它是镭的虫子还是我不理解它的重要内容?