ReactJS Tutorial

Difference between Functional and Class Components in ReactJs

Table of Contents

  • What are Functional Components in ReactJS?
  • What are Class Components in ReactJS?
  • ReactJS Functional Components V/s Class Components Comparision

What are Functional Components in ReactJS?

They are the most common type of component in React. You can create a functional component simply by writing in JavaScript. 

Syntax for functional components:

const Car=()=> {

  return

Hi, I am also a Car!

;

}

What are Class Components in ReactJS?

It is a regular ES6 class that extends the component class of the React library. These components are made of simple classes.

Syntax for class components:

class Car extends React.Component {

  render() {

    return

Hi, I am a Car!

;

  }

 

}

ReactJS Functional Components V/s Class Components Comparision

Functional Components Vs Class Components Comparision1

Functional Components Vs Class Components Comparision2

Did you find this article helpful?