react-assignReactJS 狀態(tài)更新快捷方式

react-assign 不需要任何引用就可以更新 ReactJS 狀態(tài)。react-assign 是輕量級(jí) React 類狀態(tài)更新快捷方式，不需要專門定義一個(gè)函數(shù)處理器。

常規(guī)更新：

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>
    }
  });