使用react scaffold: create-react-app创建一个新的react项目，如下:create-react-app projectName成功创建的整个过程大约3-5分钟。安装完成后，我们可以看到，我们可以使用少量的yarn命令来启动、构建、测试和弹出(不可逆，慎用)。 然后，让我们启动项目并执行它:cdadmin->: Yarn start成功启动。我没有设置默认浏览器，所以打开了Edge浏览器，会修改成Google Chrome。毕竟谷歌Chrome调试后好用多了。 之后要考虑的兼容浏览器:谷歌(版本84.0.4147.89(正式版)(64位))、火狐(78.0.2 (64位))、Edge 现在项目已经设置好了，让我们简单看一下初始项目的目录结构:SPA:单页web应用程序。所以在这里，我们只需要一个html文件，也就是index.html，也就是入口文件。 在index.htmlindex.html只有一个id为root的div标签，那么内容是如何进入这个div的呢？让我们看看index.js中有什么 Index.js不考虑其余内容，只看红框document.getElementById('root ')中的内容。这句话是获取id为root的节点对象，然后ReactDOM.render()是将组件App渲染到这个节点中。 React.render的具体用法可以参考React官网详细了解。如果有兴趣也可以参考React的github地址(脸书/React/BLOB/v 16 . 13 . 1/packages/React-DOM/src/client/React DOM root . js)进行了解。