If you are using template literals only with placeholders (e.g. `Hello ${person.name}`) like in the question’s example, then the result is the same as just concatenating strings. Subjectively it looks better and is easier to read, especially for multi-line strings or strings containing both ‘ and ” since you don’t have to escape those characters … Read more
This is an old, outdated answer for React Router v4 <Link> no longer has the activeClassName or activeStyle properties. In react-router v4 you have to use <NavLink> if you want to do conditional styling: const Router = () => ( <BrowserRouter> <div> <Nav> <NavLink exact activeClassName=”is-active” to=”https://stackoverflow.com/”>Home</NavLink> <NavLink activeClassName=”is-active” to=’/about’>About</NavLink> </Nav> <Match pattern=”https://stackoverflow.com/” exactly component={Home} … Read more
getInitialState is not used in ES6 classes. Instead assign this.state in the constructor. propTypes should be a static class variable or assigned to the class, it should not be assigned to component instances. Member methods are not “auto-bound” in ES6 classes. For methods used as callbacks, either use class property initializers or assign bound instances … Read more
concat and spreads are very different when the argument is not an array. When the argument is not an array, concat adds it as a whole, while … tries to iterate it and fails if it can’t. Consider: a = [1, 2, 3] x = ‘hello’; console.log(a.concat(x)); // [ 1, 2, 3, ‘hello’ ] console.log([…a, … Read more
(0, _b.a)() ensures that the function _b.a is called with this set to the global object (or if strict mode is enabled, to undefined). If you were to call _b.a() directly, then _b.a is called with this set to _b. (0, _b.a)(); is equivalent to 0; // Ignore result var tmp = _b.a; tmp(); (the … Read more
You can use Object.assign() to merge them into a new object: const response = { lat: -51.3303, lng: 0.39440 } const item = { id: ‘qwenhee-9763ae-lenfya’, address: ’14-22 Elder St, London, E1 6BT, UK’ } const newItem = Object.assign({}, item, { location: response }); console.log(newItem ); You can also use object spread, which is a … Read more
A set is not an ordered abstract data structure. A Set however always has the same iteration order – element insertion order [1], so when you iterate it (by an iterating method, by calling Symbol.iterator, or by a for.. of loop) you can always expect that. You can always convert the set to an array … Read more
The second example uses destructuring. This will call the specific variable (including functions) that are exported from the required module. For example (functions.js): module.exports = { func1, func2 } is included in your file: const { func1, func2 } = require(‘./functions’) Now you can call them individually, func1() func2() as opposed to: const Functions = … Read more
Interfaces are not part of the ES6 but classes are. If you really need them, you should look at TypeScript which support them.
Actually the error you got was because you need to explicitly state that you’re loading a module – only then the use of modules is allowed: <script src=”https://stackoverflow.com/questions/37624819/t1.js” type=”module”></script> I found it in this document about using ES6 import in browser. Recommended reading. Fully supported in those browser versions (and later; full list on caniuse.com): … Read more