Dynamic Tabs about reactstrap

[TheSharpieOne]

I would say the demo I posted shows that dynamic tabs are possible and do work, so there is no defect with reactstrap. @ukiyakimura if this answers your question / solves your problem, please close the issue.

[ajainarayanan]

@ukiyakimura Not sure if you have tried this,

Existing Code:

toggle(tab) {
        if (this.state.activeTab !== tab) {
            this.setState({
                activeTab: tab.i
            });
        }
    }

Fix:

toggle(tab) {
        if (this.state.activeTab !== tab.i) {
            this.setState({
                activeTab: tab.i
            });
        }
    }

You seem to be comparing activeTab with tab which is incorrect I believe. Please check the documentation for Tabs here

[ukiyakimura]

@ajainarayanan i already try it. it has same result. if i put away "i" in activeTab: tab.i
My tabContent wouldn't appear.

[ajainarayanan]

@ukiyakimura I see. One thing I could notice is your initial state has the activeTab as '1' (string) whereas the subsequent activeTab you set are 1 (number). It would be helpful if you could create a codepen example demo'ing your usecase.

[ukiyakimura]

@ajainarayanan i notice that too. i think that's the problem. but i don't know how to create incremental number in string.

[ajainarayanan]

@ukiyakimura I am sorry to say but this is not the forum to discuss this problem. Github issues are supposed to be for filing issues on specific components in the project. I am not sure if this an issue with reactstrap per se.

[TheSharpieOne]

Demo of dynamic tabs: [outdated link removed]

[eddywashere]

Going to go ahead and close this. If there is a more specific example, please create a codepen or modify the working webpackbin from @TheSharpieOne. Thanks!

[pplonski]

There is nice example how dynamic tabs can be created: https://github.com/bmhaskar/dynamic-reactstrap-tabs