1. 程式人生 > >React之簡化專案目錄程式碼,根據需求再進行開發

React之簡化專案目錄程式碼,根據需求再進行開發

上一篇我們已經建立好了一個React專案。它的目錄結構如下:
這裡寫圖片描述
我們可以看到的是上面的目錄結構下面有特別多的檔案,這個時候我們需要做的就是把目前用不到的檔案給刪除了,那麼哪些需要刪除,我們一個一個來分析。
首先,public下面的檔案是瀏覽首頁展示的內容,而src下面的App.js、App.css還有App.test.js這幾個是幹什麼的呢?其實前面的兩個是頁面中具體渲染的內容,如果我們刪除了,那麼就看不到具體的內容了。而App.test.js這個主要是做自動化測試需要用到的,這裡先不做任何解釋。registServiceWorker.js也可以不要。但是這裡也不會做任何解釋,後面會詳細解釋。最終簡化的專案如下:
這裡寫圖片描述


index.js程式碼:

import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(<h1>hello</h1>, document.getElementById('root'));

效果如下:
這裡寫圖片描述
到目前為止,專案簡化完成,接下來就可以進行具體的需求開發了。