add react_learn02.md

Author: emthink

react-comment/README.md

@@ -1,49 +1,13 @@
-[![Deploy](https://www.herokucdn.com/deploy/button.png)](https://heroku.com/deploy)
 
-# React Tutorial
-
-This is the React comment box example from [the React tutorial](http://facebook.github.io/react/docs/tutorial.html).
+# React Comment
 
 ## To use
 
-There are several simple server implementations included. They all serve static files from `public/` and handle requests to `/api/comments` to fetch or add data. Start a server with one of the following:
-
-### Node
-
 ```sh
 npm install
 node server.js
 ```
 
-### Python
-
-```sh
-pip install -r requirements.txt
-python server.py
-```
-
-### Ruby
-```sh
-ruby server.rb
-```
-
-### PHP
-```sh
-php server.php
-```
-
-### Go
-```sh
-go run server.go
-```
-
-### Perl
-
-```sh
-cpan Mojolicious
-perl server.pl
-```
-
 And visit <http://localhost:3000/>. Try opening multiple tabs!
 
 ## Changing the port

react-comment/comments.json

@@ -4,16 +4,6 @@
         "title": "codingplayboy",
         "text": "react vs angular"
     },
-    {
-        "id": 1447843203580,
-        "title": "zjw",
-        "text": "eat sow"
-    },
-    {
-        "id": 1471049564804,
-        "title": "limuzi",
-        "text": "hello,Sunday"
-    },
     {
         "id": 1472134095308,
         "title": "惊鸿",

react-comment/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "react-tutorial",
-  "version": "0.0.0",
-  "description": "Code from the React tutorial.",
+  "name": "react-comment",
+  "version": "0.0.1",
+  "description": "React practice.",
   "main": "server.js",
   "dependencies": {
     "body-parser": "^1.4.3",
@@ -18,16 +18,11 @@
   },
   "keywords": [
     "react",
-    "tutorial",
     "comment",
     "example"
   ],
-  "author": "petehunt",
-  "bugs": {
-    "url": "https://github.com/reactjs/react-tutorial/issues"
-  },
-  "homepage": "https://github.com/reactjs/react-tutorial",
+  "author": "惊鸿",
   "engines" : {
-    "node" : "0.12.x"
+    "node" : "6.8.x"
   }
 }

react-comment/public/index.html

@@ -132,7 +132,8 @@ <h1>Recent Posts</h1>
                     </form>
                   );
                 }
-              }); var Comment = React.createClass({
+              }); 
+              var Comment = React.createClass({
                 rawMarkup: function(_data) {
                   var rawMarkup = marked(_data,
                     {

react-comment/public/scripts/example.js

@@ -1,15 +1,3 @@
-/**
- * This file provided by Facebook is for non-commercial testing and evaluation
- * purposes only. Facebook reserves all rights not expressly granted.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
- * FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
- * ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
- * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
 var fs = require('fs');
 var path = require('path');
 var express = require('express');

react-comment/server.js

@@ -109,9 +109,9 @@ React推荐创建组件处理特定需求，在应用中组合使用组件，实
 
 ### 单向数据流
 
-React组件是一个状态机，每个组件内部都有自己的状态(state)，其状态只在内部作用域下操作修改。多个组件之间可以是复合的关系，即父子组件关系，React组件提供设置组件属性(props)，属性可以从父组件获取传递到各子组件。
+React组件是一个状态机，每个组件内部都有自己的状态(state)，其状态只在内部作用域下操作修改。多个组件之间可以是复合的关系，即从属组件关系，React组件提供设置组件属性(props)，属性可以从主组件获取传递到各属组件。
 
-> 父组件与子组件通信，最简单的方式是通过props,父组件通过props传递回调函数给子组件，在回调函数里可以更新state,触发组件重绘；在子组件中调用回调函数，也可以传入数据参数。
+> 主组件与属组件通信，最简单的方式是通过props,主组件通过props传递回调函数给属组件，在回调函数里可以更新state,触发组件重绘；在属组件中调用回调函数，也可以传入数据参数。
 
 #### props
 
@@ -160,7 +160,7 @@ props即属性，我们可以给React组件设置属性，属性值可以是任
 
 - setProps
 
-我们也可以使用setProps()方法设置组件属性，但是只能在组建外或者子组件中调用该方法：
+我们也可以使用setProps()方法设置组件属性，但是只能在组建外或者属组件中调用该方法：
 
 ```