我们来了解一下文件的结构和联系。
tsconfig.json是typescript的一个配置文件，包含构建的一些信息，
这个就是一个很重要的点，构建的文件就从src里面找，是不是很简单啊。这样子我们就明白可以去src看啦。
首先看index.tsx
const root = ReactDOM.createRoot( document.getElementById('root') as HTMLElement);
root.render( <React.StrictMode> <App /> </React.StrictMode>);
这段代码也很简单呀，首先获取id为root的html元素，然后往它的上面去render（渲染）内容。小伙伴们也要知道public文件夹下的index.html是整个项目的入口，那么html下面就可以看到id为root的div啦，也就是说我们的root.render(...)就是把我们的内容渲染到index.html里面，是不是很清晰呢。（我觉得这真的是react很棒的地方，很简洁，也很易懂这种风格确实很棒。）
那么再看
<React.StrictMode> <App /> </React.StrictMode>
这段代码，这里就是渲染的内容，开启严格模式之后有一个自闭合的app组件，他是引入的一个函数式编程的tsx组件。也就是上面的App.tsx。把App（）稍微修改一下。
然后保存之后再去看我们的网页，我们稍微修改一下对比就可以发现页面就是app的内容。
这个项目的css都是单独引入的，所有可以看到有app.css和index.css。
本次内容就结束啦！
如果有小伙伴觉得可以的话点个赞收藏哦，我们一起学习！！
