React Router和onEnter / onChange

Question

我想使用React Router中的onEnter和onChange，但我不太明白。当我从那里运行简单的函数时，它的工作原理如下：

<Route path="/tag/:slug" component={Archives} onChange={() => { console.log('awd'); }} />

但是当我尝试使用Archives组件中的方法时，却没有。

<Route path="/tag/:slug" component={Archives} onChange={this.method()} />

我该如何使用这些方法？

Answer 1

您需要将方法与范围绑定。

有两种方法可以绑定。

第一个，直接在你的onChange上

this.method = this.method.bind(this)

，或者

第二个

KeyUp