可以使用此功能来设置DIV标签

Question

我想在div标签中使用this.props数据。我有要动态设置的数据中的颜色。可以在div标签中使用此功能吗？

var cont =  {
      height: "90px",
  width: "20%",
  background: "LightBlue",
  display: "inline-block",
  padding: "5px",
      margin: "5px"
};
var Comment = React.createClass({    
    render: function () {
      return (
          <div style={cont}>
              <span>
                  {this.props.author}
                  {this.props.col}
              </span> 
          </div>   
      );
    }
});

Answer 1

外观：

var Comment = React.createClass({
    render: function() {
        return (
            <div style={{backgroundColor: this.props.col}}>
                <span>
                    {this.props.author}
                    {this.props.col}
                </span>
            </div>
        );
    }
});

this.props.color这是Comment组件的道具，而不是DIV的组件。您可以在此组件中使用此道具。

正如@mayankshukla所说，要更新样式对象中的字段，您可以使用Object.assign。

Answer 2

尝试以下：

<div style={{backgroundColor: this.props.col}}>

官方反应样式文档