使用SAP UI5 Web Components開發React應用
(1) 命令列 npx create-react-app my-app --template @ui5/cra-template-webcomponents-react
建立名為my-app的react應用,並安裝對應的依賴。
成功執行後,會看到Success! Created my-app at XXXX的提示資訊:
進入my-app專案的src資料夾裡,新建MyApp.jsx:
import React from "react";
export function MyApp() {
return <div>My root component</div>;
}
在App.js裡匯入這個Component:
npm start
瀏覽器裡輸入localhost:3000, 就能看到這個最簡單的React應用了:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2675811/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 用 React 結合 SAP UI5 Web Components 來開發 SAP Fiori 應用ReactUIWeb
- 關於 SAP UI5 Web ComponentsUIWeb
- Fiori Fundamentals和SAP UI5 Web ComponentsUIWeb
- SAP UI5 應用開發教程之四十五 - 如何在 SAP UI5 應用裡使用 jQuery 和原生的 DOM APIUIjQueryAPI
- SAP UI5 Web Component React應用如何在Component之間跳轉UIWebReact
- SAP UI5 應用開發教程之一百零六 - 如何提高 SAP UI5 應用路由 url 的可讀性UI路由
- 淺談 Fiori Fundamentals 和 SAP UI5 Web Components 的關係UIWeb
- SAP UI5 應用開發教程之一百零一 - SAP UI5 應用的 Locale 決定機制試讀版UI
- 如何使用SAP UI5 Web Component for React的padding功能UIWebReactpadding
- SAP UI5 應用開發教程之五十六 - SAP UI5 樹控制元件(tree)的開發試讀版UI控制元件
- SAP UI5 應用開發教程之四十八 - 如何在 SAP UI5 應用裡開發條形碼掃描功能試讀版UI
- 一步步使用SAP雲平臺的WebIDE開發SAP UI5應用WebIDEUI
- SAP UI5 應用開發教程之一百零二 - SAP UI5 應用的列印(Print)功能實現詳解試讀版UI
- SAP UI5 應用開發教程之五十九 - 如何在 SAP UI5 應用裡顯示世界地圖試讀版UI地圖
- 使用SAP WebIDE給SAP UI5應用新增data sourceWebIDEUI
- 使用 SAP UI5 CLI 命令列工具構建和執行 SAP UI5 應用UI命令列
- SAP UI5 應用開發教程之六十一 - 在 SAP UI5 應用裡繪製甘特圖 Gantt Chart 試讀版UI
- SAP UI5 應用開發教程之四十二 - SAP UI5 自帶的 Diagnostics 診斷工具使用方法介紹UI
- SAP UI5 應用開發教程之四十三 - SAP UI5 自帶的 Support Assistant 工具使用方法介紹UI
- SAP UI5 應用中的 sap.ui.require 使用場景UI
- 把 SAP UI5 應用部署到 SAP KymaUI
- 開始使用 Python 開發 Web 應用PythonWeb
- SAP UI5 應用開發教程之三十二 - 如何建立一個自定義 SAP UI5 控制元件UI控制元件
- SAP UI5 應用中的 sap.ui.require.toUrl 使用場景UI
- 使用 http-proxy 代理 SAP UI5 應用發起的 HTTP 請求HTTPUI
- 如何在瀏覽器裡開發並執行 SAP UI5 應用瀏覽器UI
- 開發Web應用Web
- 使用 yo 命令列嚮導建立 SAP UI5 應用命令列UI
- SAP UI5 Web Component的React表格控制元件用法UIWebReact控制元件
- SAP UI5 應用開發教程之七十二 - SAP UI5 頁面路由的動畫效果設定試讀版UI路由動畫
- SAP UI5 應用開發教程之三十 - SAP UI5 的路由過程中進行引數傳遞UI路由
- 用Web Components構建單頁面應用Web
- 如何利用React.js開發出強大Web應用ReactJSWeb
- SAP UI5 應用開發教程之五十三 - 如何自定義 SAP UI5 資料型別(Data Type) 試讀版UI資料型別
- SAP UI5 應用開發教程之六十二 - 基於 OData V4 的 SAP UI5 表格控制元件使用方法介紹UI控制元件
- 使用 TypeScript 編寫 SAP UI5 應用的準備工作TypeScriptUI
- 使用 Flutter 開發簡單的 Web 應用FlutterWeb
- SAP UI5 Web Component不同React頁面的跳轉實現UIWebReact