使用react-router中離開確認組件Prompt來監聽react中用戶離開當前頁面的操作,實例如下:
/**
* 引入Prompt
*/
import {Prompt} from 'react-router';
/**
* 當前Page返回的render中寫上:
*/
<Prompt message={() => {
//寫判斷邏輯等代碼
return true;//返回true標示離開當前頁面;false表示留在當前頁面
}
}></Prompt>
/**
* 引入Prompt
*/
import {Prompt} from 'react-router';
/**
* 當前Page返回的render中寫上:
*/
<Prompt message={() => {
//寫判斷邏輯等代碼
return true;//返回true標示離開當前頁面;false表示留在當前頁面
}
}></Prompt>
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。