成都网站建设设计

将想法与焦点和您一起共享

如何进行SAPUI5WebComponent不同React页面的跳转实现

本篇文章给大家分享的是有关如何进行SAP UI5 Web Component不同React页面的跳转实现,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的中山网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

(1) 从react-router-dom里导入Switch,Route和Redirect组件:

如何进行SAP UI5 Web Component不同React页面的跳转实现

(2) 路径/home指定成加载Home Component ,/detail则加载Detail Component.

如何进行SAP UI5 Web Component不同React页面的跳转实现

文件Home.jsx和Detail.jsx分别实现Component:

如何进行SAP UI5 Web Component不同React页面的跳转实现

(3) 测试:url后加上/home,则加载home Component:

如何进行SAP UI5 Web Component不同React页面的跳转实现

/detail组件的加载:

如何进行SAP UI5 Web Component不同React页面的跳转实现

以上就是如何进行SAP UI5 Web Component不同React页面的跳转实现,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。


标题名称:如何进行SAPUI5WebComponent不同React页面的跳转实现
文章位置:http://chengdu.cdxwcx.cn/article/gpegjp.html