javascript - React - 无法读取未定义的属性 'myFunction'

Question

我正在尝试在组件中定义一个函数，将窗口重定向到新的 URL

class MyComponent extends Component {

 setWindowLocation = function(e)
 {
    window.location = e;
 }

 handleClick = function(eventKey){
    setWindowLocation("https://google.com") 
 }

 render() {
    ...
 }
}

这编译得很好并且不会引发错误，但是当我单击调用“handleClick”的按钮时，我的控制台窗口显示:

Uncaught TypeError: Cannot read property 'setWindowLocation' of undefined

有什么想法吗？

Answer 1

ES6 中 React 组件中的函数将像 setWindowLocation() 一样定义并像 this.setWindowLocation

那样调用

class MyComponent extends Component {

 setWindowLocation(location)
 {
    window.location = location;
 }

 handleClick(eventKey){
    this.setWindowLocation("https://google.com") 
 }

 render() {
    ...
 }
}