请教v4的react router怎么写路由钩子

**nthprewindmill** · October 20, 2017, 3:33am

    componentDidMount(){
        this.props.router.setRouteLeaveHook(
            this.props.route,
            this.routerWillLeave
        )
    }
 
routerWillLeave=(nextLocation)=>{
            return '确认要离开？';
    }

刚接触react的小白，请问大佬们这样的路由钩子要怎么写

**nthprewindmill** · October 18, 2017, 2:44pm

上面是网上找的代码，应该是以前版本的写法吧，用react-router4的withRouter，props上没有挂载router

**lobos** · October 19, 2017, 1:45am

github.com

ReactTraining/react-router/blob/master/packages/react-router/docs/api/Prompt.md

# &lt;Prompt>

Used to prompt the user before navigating away from a page. When your application enters a state that should prevent the user from navigating away (like a form is half-filled out), render a `<Prompt>`.

```jsx
import { Prompt } from 'react-router'

<Prompt
  when={formIsHalfFilledOut}
  message="Are you sure you want to leave?"
/>
```

## message: string

The message to prompt the user with when they try to navigate away.

```jsx
<Prompt message="Are you sure you want to leave?" />
```

This file has been truncated. show original

**nthprewindmill** · October 19, 2017, 5:54am

谢谢回复，我想实现的是在路由跳转之前根据要进入的路由信息获取数据，然后离开当前路由完成跳转，把数据渲染到下一个路由页面，之前在文档上注意到过这个prompt路由组件,觉得并不符合我的需求，敢问有什么建议呢