无法使用ref in react路由器访问子功能

Question

我可以使用没有路由器的ref访问子组件的功能

代码下方

//handleTimer is function called inside the child component 

handleTimer() {
   this.refs.tasks.clearTimer()
}
render() {
return (
  <TaskList ref="tasks" title="First Task" setTimer={this. handleTimer.bind(this)}/>

)}

但是当我添加路由功能时，它会抛出错误 “ TypeError：undefined不是对象（评估'this.refs.tasks.clearTimer'） “

当调用handleTimer

时，这是不起作用的代码

  render() {
    return (
      <div>
        <Header />
        <BrowserRouter>
            <div>
            <Route exact path="/tasks" render={()=> <TaskList ref="tasks" title="First Task" setTimer={this. handleTimer.bind(this)}/>}  />

            </div>
         </BrowserRouter>

      </div>
    );
  }
}

我正在使用react-router v3.2