react-assignReactJS 状态更新快捷方式

react-assign 不需要任何引用就可以更新 ReactJS 状态。react-assign 是轻量级 React 类状态更新快捷方式，不需要专门定义一个函数处理器。

常规更新：

var React = require('react');
  React.createClass({
    getInitialState() {
      return {
        username: "",
        password: ""
      };
    },
    updateName(e) {
      var newName = e.target.value;
      this.setState({
        "username": newName
      });
    },
    updatePass(e) {
      var newPass = e.target.value;
      this.setState({
        "password": newPass
      });
    },
    render() {
      <div>
        <input type="text" onChange={this.updateName}/>
        <input type="password" onChange={this.updatePass}/>
      </div>
    }
  });

使用 react-assign：

var React = require('react');
  var assignValue = require('react-assign');
  React.createClass({
    getInitialState() {
      return {
        username: "",
        password: ""
      };
    },
    render() {
      <div>
        <input type="text" onChange={assignValue(this, "username")}/>
        <input type="password" onChange={assignValue(this, "password")}/>
      </div>
    }
  });