(1) 指令行 npx create-react-app my-app --template @ui5/cra-template-webcomponents-react
建立名為my-app的react應用,并安裝對應的依賴。
成功執行後,會看到Success! Created my-app at XXXX的提示資訊:
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5CZ3kDZ5EDZ1ITZlJGOiNDOlVmZ0EGN4UGOzgzYxMzN38CX5d2bs92Yl1iclB3bsVmdlR2LcNWaw9CXt92Yu4GZjlGbh5yYjV3Lc9CX6MHc0RHaiojIsJye.png)
進入my-app項目的src檔案夾裡,建立MyApp.jsx:
import React from “react”;
export function MyApp() {undefined
return
My root component
;
}
在App.js裡導入這個Component:
npm start
浏覽器裡輸入localhost:3000, 就能看到這個最簡單的React應用了: