how to manage active state in bootstrap navbar in react? [duplicate]

Answer 1

You simply have to specify the active value of the tabs in your render function. To know whether or not a tab should have a value for the the className property is to store it somewhere.

How do you store something in a react component? You use state. You haven't shown any code but you could simply keep track of which tab is currently active in your state.

You could for example have this:

getInitialState: function() {
    return { activeTabClassName: "tab1" };
}

render: function() {
    return (
        

            

            
className            
    );
}

Warning: This code block is just one example and isn't tested. (There are several ways to do it).

You could also check this: Switch class on tabs with React.js