react 第一次尝试项目心得

  最近公司项目的事情比较少，事情比较清，想学习新技术丰富自己又不知道学什么，正好想起组长说可能会换框架，于是就开始翻起来了react的官网，不得不说官网的思路挺不错的，react的官网从两个方面对react教程，分别是传统的文档和一个小demo的实践教程，因为我自己不太喜欢单纯的看文档，选择了实践的方法，react官网提供的demo是一个简单的井字棋的游戏，通过搭建井字棋这个小游戏demo，我自己也简单的对react有了一定的了解。

  首先是网页搭建上，react细分的更加明确，react渲染网页，是用虚拟Dom进行渲染的，下载的包也是两个，一个react，一个react-dom，react是react框架的各种方法，react-dom则是用来涉及DOM操作的部分，一般情况下的渲染我们常用的方法应该是render（），毕竟我菜，暂时只接触到了这些，如果有错误，请大佬包涵，指导一下。

  render（）方法可以将react的虚拟dom组件在网页上进行渲染，但是需要载体，现在我接触到的就是root，操作也是直接的用document方法来选择

  上面图片中就是现在我所接触的渲染方法，调用ReactDom的render方法，通过document.getElementById('root')来渲染，运行了项目之后，通过浏览器的控制台可以看见很清晰的dom结构。

  这个root就是我react项目的载体，我所有的代码都是在root里搭建实现的，同时react组件提供两种组件方式，一种是函数组件，一种是类组件，函数组件可以直接通过render和props渲染,也可以作为基础组件被其他复合组件搭建

  class组件可以通过 constructor承接props，用super接收props的属性，内置的state，可以相当于vue的data使用，声明的全局变量都可以在这里使用由this.state调用,刚刚开始接触react。

  以上全是自己的一些理解，如果有什么理解不对的请大佬们指出并指导