You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
3.6 KiB
105 lines
3.6 KiB
10 years ago
|
/**
|
||
|
* Copyright 2013-2015, Facebook, Inc.
|
||
|
* All rights reserved.
|
||
|
*
|
||
|
* This source code is licensed under the BSD-style license found in the
|
||
|
* LICENSE file in the root directory of this source tree. An additional grant
|
||
|
* of patent rights can be found in the PATENTS file in the same directory.
|
||
|
*
|
||
|
* @providesModule ReactStateSetters
|
||
|
*/
|
||
|
|
||
|
'use strict';
|
||
|
|
||
|
var ReactStateSetters = {
|
||
|
/**
|
||
|
* Returns a function that calls the provided function, and uses the result
|
||
|
* of that to set the component's state.
|
||
|
*
|
||
|
* @param {ReactCompositeComponent} component
|
||
|
* @param {function} funcReturningState Returned callback uses this to
|
||
|
* determine how to update state.
|
||
|
* @return {function} callback that when invoked uses funcReturningState to
|
||
|
* determined the object literal to setState.
|
||
|
*/
|
||
|
createStateSetter: function(component, funcReturningState) {
|
||
|
return function(a, b, c, d, e, f) {
|
||
|
var partialState = funcReturningState.call(component, a, b, c, d, e, f);
|
||
|
if (partialState) {
|
||
|
component.setState(partialState);
|
||
|
}
|
||
|
};
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Returns a single-argument callback that can be used to update a single
|
||
|
* key in the component's state.
|
||
|
*
|
||
|
* Note: this is memoized function, which makes it inexpensive to call.
|
||
|
*
|
||
|
* @param {ReactCompositeComponent} component
|
||
|
* @param {string} key The key in the state that you should update.
|
||
|
* @return {function} callback of 1 argument which calls setState() with
|
||
|
* the provided keyName and callback argument.
|
||
|
*/
|
||
|
createStateKeySetter: function(component, key) {
|
||
|
// Memoize the setters.
|
||
|
var cache = component.__keySetters || (component.__keySetters = {});
|
||
|
return cache[key] || (cache[key] = createStateKeySetter(component, key));
|
||
|
}
|
||
|
};
|
||
|
|
||
|
function createStateKeySetter(component, key) {
|
||
|
// Partial state is allocated outside of the function closure so it can be
|
||
|
// reused with every call, avoiding memory allocation when this function
|
||
|
// is called.
|
||
|
var partialState = {};
|
||
|
return function stateKeySetter(value) {
|
||
|
partialState[key] = value;
|
||
|
component.setState(partialState);
|
||
|
};
|
||
|
}
|
||
|
|
||
|
ReactStateSetters.Mixin = {
|
||
|
/**
|
||
|
* Returns a function that calls the provided function, and uses the result
|
||
|
* of that to set the component's state.
|
||
|
*
|
||
|
* For example, these statements are equivalent:
|
||
|
*
|
||
|
* this.setState({x: 1});
|
||
|
* this.createStateSetter(function(xValue) {
|
||
|
* return {x: xValue};
|
||
|
* })(1);
|
||
|
*
|
||
|
* @param {function} funcReturningState Returned callback uses this to
|
||
|
* determine how to update state.
|
||
|
* @return {function} callback that when invoked uses funcReturningState to
|
||
|
* determined the object literal to setState.
|
||
|
*/
|
||
|
createStateSetter: function(funcReturningState) {
|
||
|
return ReactStateSetters.createStateSetter(this, funcReturningState);
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* Returns a single-argument callback that can be used to update a single
|
||
|
* key in the component's state.
|
||
|
*
|
||
|
* For example, these statements are equivalent:
|
||
|
*
|
||
|
* this.setState({x: 1});
|
||
|
* this.createStateKeySetter('x')(1);
|
||
|
*
|
||
|
* Note: this is memoized function, which makes it inexpensive to call.
|
||
|
*
|
||
|
* @param {string} key The key in the state that you should update.
|
||
|
* @return {function} callback of 1 argument which calls setState() with
|
||
|
* the provided keyName and callback argument.
|
||
|
*/
|
||
|
createStateKeySetter: function(key) {
|
||
|
return ReactStateSetters.createStateKeySetter(this, key);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
module.exports = ReactStateSetters;
|