componentWillMount and Reflux this.store don't play nice together.

I have an issue, using the ES6 Classes, if I have componentWillMount on my React Component, then the component will not listen to the Store. Can we make both of them work?

Or at least show an error in case the Component doesn’t link to the Store.

I didn’t understood why the Component did not update with the Store’s state and eventually found out that if I have an componentWillMount, the Component will not be linked with the Store.

[jamesmarrs]

@eek I started reworking some of my old code last week to implement the new es6 features that @BryanGrezeszak was so nice to work on. I ran into some similar problems. If you have componentWillMount and componentWillUnmount in your Reflux.Component you need to add this line inside the function to make sure everything gets bound correctly:

// in your componentWillMount() 
Reflux.Component.prototype.componentWillMount.call(this);

// in your componentWillUnmount()
Reflux.Component.prototype.componentWillUnmount.call(this);

After the new docs were out I was going to check them over to make sure this got in there somewhere, as its easy to miss!

[BryanGrezeszak]

this is a keyword too, but I can still log the object it references at any given moment. I expected similar behavior from super.

Since I couldn’t access it I just thought that meant the feature wasn’t actually implemented. Oh well, live and learn: JS always has a surprise in store, no matter how much you think you know 😃

But yes, it should remove the need for any call. So that’s even better.