react 方法未定义_React:在组件函数中未定义"this"

Maximus S

121

this

reactjs

class PlayerControls extends React.Component {

constructor(props) {

super(props)

this.state = {

loopActive: false,

shuffleActive: false,

}

}

render() {

var shuffleClassName = this.state.toggleActive ? "player-control-icon active" : "player-control-icon"

return (

className="player-control-icon"

name='refresh'

onClick={this.onToggleLoop}

spin={this.state.loopActive}

/>

className={shuffleClassName}

name='random'

onClick={this.onToggleShuffle}

/>

);

}

onToggleLoop(event) {

// "this is undefined??"

this.setState({loopActive: !this.state.loopActive})

this.props.onToggleLoop()

}

我想loopActive在切换时更新状态,但是this在处理程序中未定义对象.根据教程文档,我this应该参考该组件.我错过了什么吗？