edit md

Author: Wscats

react/component/src/event/README.md

@@ -1,4 +1,5 @@
-## 事件和 ref
+# 事件和 ref
+
 事件可以直接写到 DOM 节点，然后通过 ref 来获取 DOM 节点
 ```javascript
 import React from 'react';
@@ -20,7 +21,10 @@ class Component1 extends React.Component{
 
 ReactDOM.render(<Component1/>, document.getElementById('div1'));
 ```
-[效果预览](https://wscats.github.io/react-tutorial/react/component/src/event/event.html)
+
+### 效果预览
+
+- [ref的使用](https://wscats.github.io/react-tutorial/react/component/src/event/event.html)
 
 ## 事件对象 —— event
 React 在事件方法调用上默认会传一个形参`events`，该对象是一个合成事件，所以不需要担心浏览器兼容的问题。
@@ -43,9 +47,11 @@ ReactDOM.render(
 )
 ```
 
-## 事件 —— this 指针
+# 事件 —— this 指针
+
 在所有的事件当中，首先都要弄明白 `this` 指向哪里。而 React 事件中（如上面的案例）默认的 `this` 都是 `undefined`，为了 this 指针能正确指回组件对象本身，通常可以用下面几种方法。
-### 事件定义使用箭头函数
+
+## 事件定义使用箭头函数
 ```javascript
 class Component1 extends React.Component{
     submit = (e) => {
@@ -57,7 +63,7 @@ class Component1 extends React.Component{
     }
 }
 ```
-### 事件调用时使用用箭头函数
+## 事件调用时使用用箭头函数
 ```javascript
 class Component1 extends React.Component{
     submit(e){
@@ -69,7 +75,7 @@ class Component1 extends React.Component{
     }
 }
 ```
-### 构造函数中使用 bind
+## 构造函数中使用 bind
 ```javascript
 class Component1 extends React.Component{
     constructor(props){
@@ -85,7 +91,7 @@ class Component1 extends React.Component{
     }
 }
 ```
-###  事件调用时用 bind
+##  事件调用时用 bind
 ```javascript
 class Component1 extends React.Component{
     submit(e){
@@ -98,8 +104,9 @@ class Component1 extends React.Component{
 }
 ```
 
-## 事件传参数
-### 事件调用时使用用箭头函数
+# 事件传参数
+
+## 事件调用时使用用箭头函数
 ```javascript
 class Component1 extends React.Component{
     submit(e, n){
@@ -111,7 +118,7 @@ class Component1 extends React.Component{
     }
 }
 ```
-###  事件调用时用 bind
+##  事件调用时用 bind
 ```javascript
     submit(n, e){
         console.log(n)

react/component/src/render/README.md

@@ -214,4 +214,4 @@ ReactDOM.render(
 
 ### 效果预览
 
--[组件子节点](https://wscats.github.io/react-tutorial/react/component/src/props/props.html)
+- [组件子节点](https://wscats.github.io/react-tutorial/react/component/src/props/props.html)

react/jsx/README.md

@@ -279,7 +279,7 @@ let methods = {
 
 ## this的指向
 
-`onClick={this.test}`这里是不能用加括号的这种方式来传参`onClick={this.test(params)}`，并且这样写之后`this.test`里面的this会是`undefined`，所以在react，函数带参数是要配合`bind`方法，通过`bind`获取`this`和参数
+`onClick={this.test}`这里是不能用加括号的这种方式来传参`onClick={this.test(params)}`，并且这样写之后`this.test`里面的this会是`undefined`，所以在react，函数带参数是要配合`bind`方法，通过`bind`获取`this`和参数，深入了解请看[事件 —— this 指针](https://github.com/wscats/react-tutorial/tree/master/react/component/src/event#%E4%BA%8B%E4%BB%B6--this-%E6%8C%87%E9%92%88)
 ```html
 <button @click="test()">ok</button>
 <button onClick={this.test}>ok</button>