Tab Component - React Typing CST Test

Tab Component — React Code

Switches between tab content using useState and conditional rendering.

import React, { useState } from 'react';

const Tabs = () => {
	const [active, setActive] = useState('tab1');
	return (
		<div>
		<button onClick={() => setActive('tab1')}>Tab 1</button>
		<button onClick={() => setActive('tab2')}>Tab 2</button>
		<div>{active === 'tab1' ? <p>Content 1</p> : <p>Content 2</p>}</div>
		</div>
	);
};

export default Tabs;

React Language Guide

React is a declarative, component-based JavaScript library for building user interfaces, primarily for single-page applications. It allows developers to create reusable UI components and manage application state efficiently.

More React Typing Exercises

Practice Other Languages