在地图内调用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

使用箭头功能：

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