Named exports: Let’s say you create a file called utils.js, with utility functions that you want to make available for other modules (e.g. a React component). Then you would make each function a named export: export function add(x, y) { return x + y } export function mutiply(x, y) { return x * y } … Read more
Presumably component/Data and actions/Data both have default exports rather than named exports? Like this: export default class Data {} If that’s the case, then the importer can call the variables whatever they like: import Data1 from ‘component/Data.js’; import Data2 from ‘actions/Data.js’; If they are named exports: export class Data {} Then you need to use … Read more
In Angular 6.1 the KeyValuePipe was introduced which allows you to iterate object properties: <div *ngFor=”let item of object | keyvalue”> {{item.key}}:{{item.value}} </div> Docs: https://angular.io/api/common/KeyValuePipe
No, there are no nested class scopes in ES6, and there is no such thing as private members in the class syntax anyway if you mean that. Of course you can put a second class as a static property on another class, like this: class A { … } A.B = class { … }; … Read more
I would like to extract statement object and the isConfirmed property in the same line const { statement: { isConfirmed }, statement } = this.props; That way you get both isConfirmed and the whole statement object. References: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Nested_object_and_array_destructuring
Assuming that both your keys and your values are serialisable, localStorage.myMap = JSON.stringify(Array.from(map.entries())); should work. For the reverse, use map = new Map(JSON.parse(localStorage.myMap));
Note: As of ES2020, even older operations like for-in and Object.keys are required to follow property order. That doesn’t change the fact that using property order for fundamental program logic probably isn’t a good idea, since the order for non-integer-index properties depends on when the properties were created. Answer for ES2015-ES2019: For for-in, Object.keys, and … Read more
Many modern browsers now support ES6 modules. As long as you import your scripts (including the entrypoint to your application) using <script type=”module” src=”https://stackoverflow.com/questions/41722621/…”> it will work. Take a look at caniuse.com for more details: https://caniuse.com/#feat=es6-module
const data = { “key-with-dash”: [“BAZ”] } const {“key-with-dash”: foo} = data; console.log(“foo”, foo);
It’s not impossible to destructure with a dynamic key. To prevent the problem of creating dynamic variables (as Ginden mentioned) you need to provide aliases. const user = { id: 42, displayName: “jdoe”, fullName: { firstName: “John”, lastName: “Doe” } }; const fields = [ ‘id’, ‘fullName’ ]; const object = {}; const {[fields[0]]: id, … Read more