react学习一

react元素

DOM标签、用户自定义组件

组件名称首字母必须大写

JSX要按驼峰式写法，如：className、onClick

组件无论是使用函数声明还是通过 class 声明都决不能修改自身的 props。

不要直接修改 State，而应使用setState（构造函数是唯一可以给 this.state 赋值的地方）

事件

<button onClick={activateLasers}>
  Activate Lasers
</button>

不能通过返回 false 的方式阻止默认行为。你必须显式的使用 preventDefault

注意onClick事件中的this，需要手动在构造函数中绑定一下，否则是undefined

 constructor(props) {
    super(props);
    this.state = {isToggleOn: true};

    // 为了在回调中使用 `this`，这个绑定是必不可少的
    this.handleClick = this.handleClick.bind(this);
  }

传递参数：

<button onClick={(e) => this.deleteRow(id, e)}>Delete Row</button>
<button onClick={this.deleteRow.bind(this, id)}>Delete Row</button>