Solution #1207
Solution #1207
Conversation
There was a problem hiding this comment.
Great job on implementing the Tabs component and integrating it with App.jsx! 🎉 Your code meets the task requirements and constraints effectively. The only minor suggestion is to initialize activeTabId with a valid tab ID to ensure the first tab is active by default. This will prevent any unexpected behavior. Keep up the excellent work, and happy coding! 😊
✨ Please rate this review in the Platform's notification center. I will be grateful for your feedback! ✨
| <div className="section"> | ||
| <h1 className="title">Selected tab is Tab 1</h1> | ||
| export const App = () => { | ||
| const [activeTabId, setActiveTabId] = useState(''); |
There was a problem hiding this comment.
The initial state of activeTabId is set to an empty string. According to the task description, if activeTabId does not match any object in the tabs array, the first one should be active. Consider initializing activeTabId with the ID of the first tab, e.g., useState('tab-1'), to ensure the first tab is active by default.
DEMO LINK