How to namespace es6 classes (for React components)

Question

This is part ES6 question part React question. I\'m trying to use namespaced components in React with ES6 classes and Babel. So I guess the real question is how to name spac

Answer 1

This link also relates to this question.

In the Module objects section, it is described that you can do something like this:

// headline.js file
export {Headline, Primary}
class Headline {}
class Primary {}

// In another module...

import * as Headline from "headline";

let h = new Headline.Headline();
let hp = new Headline.Primary();

It's not exactly what you are trying to do, but is an alternative.

Another way of doing it is almost like @Bergi has already pointed out, but I'm just clarifying it further:

let Headline = class Headline extends Component { }
Headline.Primary = class Primary extends Component { }

export {Headline as default}

// in another module:
import Headline from 'headline';

let headline = new Headline();
let primary = new Headline.Primary();