在没有箭头功能的回调中反应访问 setState

Question

我正在为企业内部网开发代码。使用箭头函数构建基础后，我在 Internet Exploder 中进行了测试。发现它不接受箭头函数。我在这个项目中使用 React，并且重构了所有代码以使用经典函数调用。

除了一个小故障外，它大部分都能正常工作：我无法从函数调用内部访问它。

这是一个代码示例，尽管还有其他代码示例：

<NavLink onClick={function () { 
    this.setState({ openCount: item.pageId }); 
    this.props.CurrentPage_Update(item) 
    }
} 
className="menu menu-link" 
key={"DDNavLink_" + item.pageId}>
{item.title}
</NavLink>

如何为我的所有函数调用访问 'this' 对象？我尝试按 var set=this.setState; 的顺序创建一个变量，但失败了，尽管它确实适用于绑定函数。

虽然我已经阅读了有关 babel 的内容，但我完全不知道它的用途和功能，但我不确定该去哪里，尤其是对于这样一个看似简单的重构。

谢谢

Answer 1

在每次函数调用结束时，我使用 .bind(this) 使函数能够使用外部 this 而不是内部。

//blah blah blah
}.bind(this)

我发现如果函数中有任何对 this 的调用，我必须在每个右大括号的末尾执行此操作。我打算让每个经典函数调用都养成习惯，不管有没有必要。

在没有箭头功能的回调中反应访问 setState

React accessing setState in callback without arrow function

javascript

this

reactjs

react-component