Radium(React) - 将样式值作为道具传递

时间:2015-12-25 15:28:54

标签: javascript reactjs

我正在尝试使用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在应用的其他地方运行得非常好。

任何想法如何实现我想要构建的东西?它是镭的虫子还是我不理解它的重要内容?

0 个答案:

没有答案