Category: react
Functional components
Published on 16 Jul 2026
Explanation
Functional components are JavaScript functions that return JSX.
Code:
function Welcome(){
return <h1>Hello</h1>;
}
Explanation
Components must start with an uppercase letter.
Code:
function Header(){}
Explanation
Components can be reused multiple times.
Code:
<Header /> <Header />
Explanation
Components can return complex UI structures.
Code:
return <div><h1>Title</h1></div>;
Explanation
Functional components support React Hooks.
Code:
const [count,setCount]=useState(0);