如果它以这种方式创建,如何为React Element添加样式?

时间:2015-05-17 00:00:22

标签: reactjs

var MyElement = React.createClass({displayName: "FormatParagraph",
    render: function () {
        return (
            React.createElement("p", null, this.props.paragraph)
            );
    }
});

如何为此添加样式对象?

2 个答案:

答案 0 :(得分:23)

createElement的第二个参数是属性的散列,其中键是属性名称,值是属性值。 style属性将样式名称的哈希值赋值。所以,例如:

React.createElement("p", {style: {color: "red", backgroundColor: "blue"}}, this.props.paragraph)

答案 1 :(得分:0)

React.createElement("p", {id : 'div1', className : 'news'}, this.props.paragraph)

通过这种方式,您可以在App.css内部使用ID /类指定的CSS。