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