How to namespace es6 classes (for React components)

by

The ECMAScript-6 class declaration syntax expects a standard BindingIdentifer as the class name. A dot is not a valid character inside an identifier name.

In the context used in the link in OP, the “namespace” is an object, and properties are added to that object one by one using the dot notation for property access.

You could replicate that by using a class expression instead:

'use strict'

var ns = {}

ns.MyClass = class {
  constructor() {
    console.log('in constructor')
  }
}

new ns.MyClass()

More Related Contents:

  1. How to update nested state properties in React
  2. Unable to access React instance (this) inside event handler [duplicate]
  3. What do multiple arrow functions mean in JavaScript?
  4. Adding script tag to React/JSX
  5. Arrow function without curly braces
  6. Why shouldn’t JSX props use arrow functions or bind?
  7. When to use ES6 class based React components vs. functional ES6 React components?
  8. Why and when do we need to bind functions and eventHandlers in React?
  9. What does three dots do in ReactJS [duplicate]
  10. React Native: require() with Dynamic String?
  11. Concatenating variables and strings in React
  12. React functional stateless component, PureComponent, Component; what are the differences and when should we use what?
  13. What is the difference between using constructor vs state = {} to declare state in react component?
  14. React useState hook event handler using initial state
  15. Active link with React-Router?
  16. When should I use brackets with imports
  17. ES6 array map doesn’t return anything: ReactJS
  18. Arrow functions and the use of parentheses () or {} or ({})
  19. Why React Hook useState uses const and not let
  20. What does calling super() in a React constructor do?
  21. Unable to use Arrow functions inside React component class [duplicate]
  22. ES6 functions, arrow functions and ‘this’ in an ES6 class [duplicate]
  23. this.setState is not a function [duplicate]
  24. React.js ES6 avoid binding ‘this’ to every method
  25. Error: How to serialize data from getStaticProps : Next.js
  26. Update one of the objects in array, in an immutable way
  27. map function not working in React
  28. React cannot read property map of undefined
  29. Deep nested array of objects not rendering
  30. import * as React from ‘react’; vs import React from ‘react’;

Leave a Comment