使用已绑定的方法来对此未定义进行反应

使用已绑定的方法来对此未定义进行反应

您传递给的函数

.map

也具有其自己的

this

绑定。最简单的解决方案是将

this

第二个参数

.map

传递给：

const navbarItems = this.state.navbarData.map(function(item) {  ...}, this);

this

函数内部将设置为您作为第二个参数传递的任何参数，在本例中为组件实例。

或者，您可以使用箭头函数代替函数表达式，因为

this

箭头函数内部是按词法解析的（例如，像其他变量一样）：

const navbarItems = this.state.navbarData.map(  item => <NavbarItem navigationWhenClicked={this.navClick} key={item.id} text={item.text} id={item.id} />});