2

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

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>   
      );
    }
});
4

2 回答 2

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.

于 2017-09-01T10:48:19.377 回答
0

尝试这个：

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

官方 React 风格文档

于 2017-09-01T10:41:08.607 回答