SAP UI5 Web Component React應用如何在Component之間跳轉
假設我要從React的home Component跳轉到detail Component.
在home Component裡,定義一個點選事件處理函式:
其實現原始碼如下:
```JavaScript
const history = useHistory();
const handleProgressHeaderClick = () => {
history.push("/detail");
};
```
測試:點選Progress list後,注意觀察url和顯示區域的變化:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2676310/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- SAP UI5 Web Component不同React頁面的跳轉實現UIWebReact
- 如何在SAP Fiori應用裡使用React componentReact
- 如何使用SAP UI5 Web Component for React的padding功能UIWebReactpadding
- SAP UI5 Web Component的React表格控制元件用法UIWebReact控制元件
- SAP UI5 Web Component for React的圖示和圖片處理UIWebReact
- SAP UI5 Web Component的圖示實現UIWeb
- SAP UI5 Web Component裡如何自定義CSS styleUIWebCSS
- 如何實現SAP UI5 Web Component React控制元件的載入效果UIWebReact控制元件
- React之元件(component)之間的通訊React元件
- SAP UI5 Web Component裡最簡單的React列表控制元件的用法UIWebReact控制元件
- SAP UI5 應用的 Component.js 檔案是如何在執行時被載入的?UIJS
- Subject 在 SAP Spartacus Popover Component 中的應用
- SAP CRM WebClient UI cross component跳轉的一個具體例子WebclientUIROS
- 利用react-to-web-component封裝react控制元件ReactWeb封裝控制元件
- React 高階應用 -- 高階元件 Heigher Order ComponentReact元件
- 使用SAP UI5 Web Components開發React應用UIWebReact
- React 手稿 – Component stateReact
- 什麼是SAP UI5的Component-preload.jsUIJS
- 初識 Web ComponentWeb
- 用 React 結合 SAP UI5 Web Components 來開發 SAP Fiori 應用ReactUIWeb
- React 的 PureComponent Vs ComponentReact
- @Bean和@Component之間的區別?Bean
- SAP UI5 Cross Application Navigation (跨應用間跳轉)的本地模擬實現UIROSAPPNavigation
- React專案中Uncontrolled Component的運用React
- React原始碼解析(三):react-componentReact原始碼
- React轉微信小程式:從React類定義到Component呼叫React微信小程式
- React Server Component: 混合式渲染ReactServer
- [譯] 2018 來談談 Web ComponentWeb
- SAP UI5 的宣告式初始化 Component 定義(Declarative API for Initial Components)UIAPI
- Angular 事件繫結語法在 SAP Spartacus Popover Component 中的一個應用Angular事件
- Page Ability 之間的跳轉概念和應用分享
- SAP Commerce Cloud 的 Product Carousel Component 介紹Cloud
- React.createClass和extends Component的區別React
- 如何在阿里雲上執行SAP UI5應用阿里UI
- 如何製作包含了 component-preload.js 在內的 SAP UI5 釋出版本JSUI
- SAP UI5 初學者教程之九 - 建立第一個 Component 的試讀版UI
- 一個好用的 SAP UI5 本地打包(build)工具,自動生成Component-preload.jsUIJS
- Camera KMD ISP學習筆記(3)-component應用筆記