bind(this)由于上下文内部发生
.map变化，因此您必须使用匿名函数：
var audioListNodes = this.props.data.map(function(el, index) { return ( <div author={el.voice}> {el.file} <button onClick={this.props.handleClickPlay}>Play</button> </div> );}.bind(this));另一个选择是开始使用按词法传递的ES6箭头函数
this：
var audioListNodes = this.props.data.map((el, index) => { return ( <div author={el.voice}> {el.file} <button onClick={this.props.handleClickPlay}>Play</button> </div> );});正如@Henrik Andersson在评论中提到的那样，您也可以
this直接传递给
map。
var audioListNodes = this.props.data.map(function(el, index) { return ( <div author={el.voice}> {el.file} <button onClick={this.props.handleClickPlay}>Play</button> </div> );}, this);
