react-assign - ReactJS 状态更新快捷方式


MIT
跨平台
JavaScript

软件简介

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