使用SAP UI5 Web Components開發React應用

i042416發表於2020-02-17

(1) 命令列 npx create-react-app my-app --template @ui5/cra-template-webcomponents-react

建立名為my-app的react應用,並安裝對應的依賴。

成功執行後,會看到Success! Created my-app at XXXX的提示資訊:

使用SAP UI5 Web Components開發React應用 使用SAP UI5 Web Components開發React應用


進入my-app專案的src資料夾裡,新建MyApp.jsx:

使用SAP UI5 Web Components開發React應用

import React from "react";
export function MyApp() {
  return <div>My root component</div>;
}


在App.js裡匯入這個Component:

使用SAP UI5 Web Components開發React應用


npm start


瀏覽器裡輸入localhost:3000, 就能看到這個最簡單的React應用了:

使用SAP UI5 Web Components開發React應用


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2675811/,如需轉載,請註明出處,否則將追究法律責任。

相關文章