tab resets to first tab onclick event about react-tabs HOT 5 CLOSED

I had the same issue, I found that I had:
<Tabs onSelect={this.handleSelect} selectedIndex={0}>

The problem was the selectedIndex={0} I hope this will solve your issue.

from react-tabs.

Hey, i got this problem,
removing the selectedIndex={0} is not a solution,
You need to set it by state, like

selectedIndex={this.state.selectedTab}

also initialise selectedTab state to your preferred tab.

then on onSelect={this._handleSelect} event of Tabs, set the selectedTab again.

_handleSelect = (index, last) => {
console.log('Selected tab: ' + index + ', Last tab: ' + last);
this.setState({
selectedTab: index
});
};

by doing this, on tab it will not move to another tab by click event :)

from react-tabs.

Thanks @peterpunk
You solve my problem :)

from react-tabs.

fyi, what you want is "Controlled Component" behavior -- see https://facebook.github.io/react/docs/forms.html#controlled-components

I have an outstanding PR to implement this, #80

from react-tabs.

works for me, thank you @peterpunk

from react-tabs.