oliverfencott / material-tabs Goto Github PK

Your package looks good. but i have a issue implementing it.
you have used UnstyledLink in example. Can you explain what component is that and do we need it? I tried replacing that with div but didn't worked. Thanks.

Would you like some help @oliverfencott ?

Getting error
`bundle.js:1 Warning: TabGroup(...): React component classes must extend React.Component.

Uncaught Invariant Violation: TabGroup.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object.
I think that has something to do with Webpack...

see:
-tleunen/react-number-editor#17

There is a case I want to have this nice effect and update the active tab without making a click event. In that case, i need to cause a re-render by updating state's selectedTab property. We can use defaultSelectedTab and componentWillReceiveProps hook to make this happen, sth like:

componentWillReceiveProps(nextProps) {
  const { defaultSelectedTab } = nextProps;

  if (defaultSelectedTab !== this.props.defaultSelectedTab) {
    this.setState({
      selectedTab: defaultSelectedTab
    });
  }
}

What do you think about this?