1. <Prompt>
用于在离开页面之前提示用户。当您的应用程序进入一个状态,该状态应该防止用户导航(就像表单被填满了),这时渲染一个<Prompt>
。
import { Prompt } from 'react-router'
<Prompt
when={formIsHalfFilledOut}
message="Are you sure you want to leave?"
/>
1.1. message: string
当用户试图导航时,用于提示用户的信息。
<Prompt message="Are you sure you want to leave?"/>
1.2. message: func
用户试图导航到的下一个location
和action
时被调用。返回一个字符串以向用户显示提示,或者返回true
以便允许过度。
<Prompt message={location => (
`Are you sure you want to go to ${location.pathname}?`
)}/>
1.3. when: bool
有条件地渲染一个<Prompt>
,你可以总是渲染它,但传递when={true}
或者 when={false}
来允许或阻止导航。
<Prompt when={formIsHalfFilledOut} message="Are you sure?"/>