ReactStrap Tabs using React hooks

example.js

import React, { useState } from 'react';
import { Nav, NavItem, NavLink, TabContent, TabPane } from 'reactstrap';

export default function MyTabs(props) {
  const [activeTab, setActiveTab] = useState('1');
  return (
    <div>
      <Nav tabs>
        <NavItem>
          <NavLink className={activeTab == '1' ? 'active' : ''} onClick={() => setActiveTab('1')}>
            Tab 1
          </NavLink>
        </NavItem>
        <NavItem>
          <NavLink className={activeTab == '2' ? 'active' : ''} onClick={() => setActiveTab('2')}>
            Tab 2
          </NavLink>
        </NavItem>
      </Nav>
      <TabContent activeTab={activeTab}>
        <TabPane tabId="1">Tab 1 Content</TabPane>
        <TabPane tabId="2">Tab 2 Content</TabPane>
      </TabContent>
    </div>
  );
}

thanks a lot

How to update the content of the table whenever the content changes?

thanks

Thank you, can I use your code for both production and personal usage ?

@jasurkurbanovinit Yes, of course!

Thanks Pro