javascript - 从一个组件导航到另一个组件时，React router dom Prompt 不会触发

Question

我只想，每当我尝试离开组件 A 时，首先得到警告。我下面的代码不起作用。我可以在 A 和 B 之间导航而不会看到任何提示。

组分 A：

import {Prompt} from 'react-router-dom';
class ComponentA extends Component {

     render()
        {
            return (
                <>
                  <h1>Component A</h1>
                    <Prompt
                    when={true}
                    message='Are you want to leave ?'
                    />
                </>
            );
        }
    }

B组份

    class ComponentB extends Component {
     render()
        {
            return (
               <h1>Component B</h1>
            );
        }
    }

标签： javascriptreactjsreduxreact-routerreact-router-dom