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

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