在地图中调用this.props

Question

var ElementList = React.createClass({render: function() {
        var x = this.props.icon;
        return (
           {this.props.data.map(function(value,i) {return (      
                <span key={i} className={ "fa " + x } data-id={value.id} ></span>             
            )})}
    );}});

如何在map函数中直接使用this.props.icon。而不是使用x变量并在外面声明它。

Answer 1

使用arrow function：

this.props.data.map((value, i) => {
  return <div key={i}>{this.props.icon}</div>
});

Answer 2

如果您不想使用es6箭头功能，可以将#page-header-bg .subheader, #page-header-bg h1 { transform: translate(-90px); } 绑定到地图功能...

this