React-Router <Prompt> 的使用

发布时间:2022-06-20 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了React-Router <Prompt> 的使用脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

Prompt 文档 Prompt 示例

  • 使用场景:在离开页面之前,需要判断当前编辑的内容是否已经保存,如果没保存,则弹出提示框,提示用户保存。

React-Router <Prompt> 的使用

  • 查看 API 文档

React-Router <Prompt> 的使用

【总结】:Prompt 有两个属性:message-当用户离开页面时给出的提示信息,when-是否渲染,设置为 true 时,离开页面时总会渲染,设置为 false 时,离开页面时不会渲染。我们就可以利用when设置渲染的时机,当用户对页面内容进行编辑,且未保存时离开,设置when=true,其他情况设置when=false

  • 代码

脚本宝典总结

以上是脚本宝典为你收集整理的React-Router <Prompt> 的使用全部内容,希望文章能够帮你解决React-Router <Prompt> 的使用所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: