DEV Community

mailtoravi437
mailtoravi437

Posted on

Explain the difference between functional components and class components in React.

Functional components are simple Javascript functions whereas in class components we require to extend React. Functional components are stateless components whereas classbased components are statefull components. We need render in class based component. Class based component need constructor.

Functional component

import React from 'react';

const functional=()=>{
return (

<H1>Text</H1>
)
}

export default functional;
Enter fullscreen mode Exit fullscreen mode

Class Based component.

class ClassBasedComponent extends React.Component{
render(){
<h1> Test </h1>
}
}
Enter fullscreen mode Exit fullscreen mode

Top comments (0)