反应 创建一个返回html的函数

创建这样的功能：

function gameLines(game) {    return game.lines.map(function (lineGroup) {        return ( <div className="row">     <div className="col-md-1">         {lineGroup.Pay}     </div>     <div className="col-md-3">         <strong>{this.getLineInfo(lineGroup.HomeInfo)}</strong>     </div>     <div className="col-md-3">         <strong>{this.getLineInfo(lineGroup.Score)}</strong>     </div>     <div className="col-md-3">         <strong>{this.getLineInfo(lineGroup.AwayInfo)}</strong>     </div> </div>        )    })}

像这样使用：

<div className="col-md-4"><h4>ML</h4>    { this.gameLines(game) }</div>

不要忘记绑定功能

constructor() {    ...    this.gameLines = this.gameLines.bind(this);    this.getLineInfo = this.getLineInfo.bind(this);}