react入门（一）

一个菜鸟的进阶之路

给自己定个小目标，今天就学会helloworld
恍恍惚惚看了好久的react还是什么都不会，为了激励自己每天把自己学的晒出来估计会勤奋一点吧
前辈说要看官方文档
于是我就又打开了都是英文的
官方文档

第一步，简单的helloworld

：下载Starter Kit
:在根目录下建立helloworld.html
根据官方代码，直接就可以运行，helloworld。蠢的是，我少打了个逗号就报错了。
在html中，写react要把script的type换成text/babel

第二步，分离jsx文件

将jsx文件分离出来，script src引用一下 ok！
小目标完成，多看一点哈哈
进阶-》评论组件
1、下载官方的包，进入目录下。
官方文档是写好的server端，使用node的。
npm install
npm run start
2、浏览器内输入localhost：3000即可
3、将public下的example.js删除，自己根据官网指引写。
4、第二段代码翻译：createClass经过一些方法创建了一些方法。最重要的就是render返回一个树状的React组件等同于HTML。
div并不是真是的DOM节点，因此react可以避免XSS攻击，它是安全的
你不需要返回最基础的HTML，可以返回一个树状的组件你自己建立的，因此react是可组合的。
react实例化了DOM元素，使用框架转化为原生的DOM。
5、按照官方文档，敲出来的例子，可以运行。
6、分析代码，整理思路。
：评论列表commentList
：发表评论的框 commentForm
：单条评论
初始化，ajax从服务器获取数据，每两秒刷新一次
state，data。this.state.data
赋值给评论列表。commentList
给表单提供提交事件
通过this.props.data遍历commentList
给Comment进行赋值 author={}
在Comment中进行取值遍历，{this.props.author}
:commentForm
combox绑定提交事件传参后就进行提交
input框
绑定onchange事件，进行赋值
通过this.props.调用方法进行传参提交