Monkey Patching React Components

Question

Let's say I define a component like this:

const myComponent = class MyComponent extends React.Component {}

and later I would like to add a constructor to the defined component like this:

myComponent.constructor = function(props) {
  super(props)
  this.state = { hello: 'world' }
}

Does anyone know if this is possible? If so, does anyone know what differences in implementation are required compared to the above? Thanks!

Answer 1

You can not override constructor for es6 classes. You can do it with es5 classes, so it would work (and be brittle) with babel.

For other methods you would do

MyComponent.prototype.methodName = function() {}

This is IMO a missing feature as it would allow better dependency injection.

If TC39 should stumble onto this page I would love to have Reflect.setConstructor.