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

用户试图导航到的下一个locationaction时被调用。返回一个字符串以向用户显示提示,或者返回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?"/>
Copyright © tuzhu008 2017 all right reserved,powered by Gitbook该文件修订时间: 2017-11-26 15:52:19

results matching ""

    No results matching ""