React之簡化專案目錄程式碼,根據需求再進行開發
阿新 • • 發佈:2019-01-27
上一篇我們已經建立好了一個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'));
效果如下:
到目前為止,專案簡化完成,接下來就可以進行具體的需求開發了。