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'));

效果如下：

到目前为止，项目简化完成，接下来就可以进行具体的需求开发了。