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.
104 lines
3.6 KiB
104 lines
3.6 KiB
/** |
|
* 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;
|
|
|