It's a common pattern in React to wrap a component in an abstraction. The outer component exposes a simple property to do something that might have more complex implementation details.
We used to have a helper function called transferPropsTo. We no longer support this method. Instead you're expected to use a generic object helper to merge props.
render() {
return Component(Object.assign({}, this.props, { more: 'values' }));
| // === Arrays | |
| var [a, b] = [1, 2]; | |
| console.log(a, b); | |
| //=> 1 2 | |
| // Use from functions, only select from pattern | |
| var foo = () => [1, 2, 3]; |
| var arr = [{id:3,title:"Ali"},{id:3,title:"Veli"},{id:3,title:"Vehbi"}]; | |
| arr.sort(turkcesiralama); | |
| function turkcesiralama(a, b){ | |
| var atitle = a.title; | |
| var btitle = b.title; | |
| var alfabe = "AaBbCcÇçDdEeFfGgĞğHhIıİiJjKkLlMmNnOoÖöPpQqRrSsŞşTtUuÜüVvWwXxYyZz0123456789"; | |
| if (atitle.length === 0 || btitle.length === 0) { | |
| return atitle.length - btitle.length; | |
| } |
| function getFnName(fn) { | |
| fn = Object(fn) | |
| var F = typeof fn == 'function' | |
| var N = fn.name | |
| var S = F && ((N && ['', N]) || fn.toString().match(/function ([^\(]+)/)) | |
| return (!F && 'not a function') || (S && S[1] || 'anonymous'); | |
| } | |
| console.log(getFnName(String)); // 'String' | |
| console.log(getFnName(function test(){})); // 'test' |
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| </head> | |
| <body> | |
| <script type="application/javascript;version=1.7"> | |
| var worker = new Worker('worker.js'); | |
| var g; |
| - Trailing commas are ok | |
| - No reserved words for property names | |
| - NaN, Infinity, undefined : are all constants | |
| - parseInt() defaults to radix 10 | |
| - /regexp/ produces new reg ex object every time | |
| - JSON.parse(), JSON.stringify() | |
| - Function.prototype.bind | |
| - String.prototype.trim | |
| - Array.prototype.every, filter, forEach, indexOf, lastIndexOf, map, reduce, reduceRight, some, | |
| - Date.now() |
