blob: ed72bd8bcab32b4fd1f79a25bfccebce845b6ef3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
import { isString, delve } from './util';
/** Create an Event handler function that sets a given state property.
* @param {Component} component The component whose state should be updated
* @param {string} key A dot-notated key path to update in the component's state
* @param {string} eventPath A dot-notated key path to the value that should be retrieved from the Event or component
* @returns {function} linkedStateHandler
* @private
*/
export function createLinkedState(component, key, eventPath) {
let path = key.split('.'),
p0 = path[0];
return function(e) {
let t = e && e.currentTarget || this,
s = component.state,
obj = s,
v = isString(eventPath) ? delve(e, eventPath) : t.nodeName ? ((t.nodeName+t.type).match(/^input(che|rad)/i) ? t.checked : t.value) : e,
i;
if (path.length>1) {
for (i=0; i<path.length-1; i++) {
obj = obj[path[i]] || (obj[path[i]] = {});
}
obj[path[i]] = v;
v = s[p0];
}
component.setState({ [p0]: v });
};
}
|
