Modules es2015 – comment nommer les exportations dynamiquement

Dans cet exemple, le react-hyperscript est curry et expose un ensemble de fonctions par défaut, donc h('div', props, children) devient div(props, children) .

 import hyperscript from 'react-hyperscript'; import {curry} from 'lodash'; const isString = v => typeof v === 'string' && v.length > 0; const isSelector = v => isString(v) && (v[0] === '.' || v[0] === '#'); const h = curry( (tagName, first, ...rest) => isString(tagName) && isSelector(first) ? hyperscript(tagName + first, ...rest) : hyperscript(tagName, first, ...rest) ); const TAG_NAMES = [ 'a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', // ... ]; TAG_NAMES.forEach(tagName => Object.defineProperty(h, tagName, { value: h(tagName), writable: false, }) ); export default h; 

Dans un autre module:

 import h, {div} from 'lib/h'; console.log( h, // h div, // undefined <- problem! h('div'), // div h.div // div ) 

Cela peut être résolu en ajoutant ceci à l'exemple (zip from lodash):

 const { a, abbr, address, area, // ... } = zip( TAG_NAMES, TAG_NAMES.map(h) ) export { a, abbr, address, area, // ... } 

Mais cette solution n'est pas très élégante, est-ce que quelqu'un connaît une meilleure alternative?

• Pourquoi JavaScript Promise puis le gestionnaire s'exécute-t-il après un autre code?
• Comment changer à quoi ressemble une fonction de flèche ES6 'this'?
• `Export default allow foo = …` jette "inattendue stricte mode réservé mot"
• Si je cède à une promesse, attendez-vous que la promesse soit résolue avant de continuer
• React / es6 différence entre les exportations createClass et extends Component

• Vérifiez si un objet JavaScript est Map ou Set (ECMAScript 2015)
• Module d'importation juste pour l'exécuter
• Erreur de syntaxe dans IE utilisant les fonctions de flèche ES6
• JS Comment attribuer des objets avec des getters et getters?
• Nodejs arrow function with expression

 const {div} = h;