Skip to content

Functional Components vs Class Componenets

Lokesh RANA edited this page Nov 8, 2019 · 2 revisions

Functional Components

import React from "react";

const Person = props => (
 <div>
  <h1>Hello, {props.name}</h1>
 </div>
);

export default Person;`

Class Components

import React, { Component } from "react";

class Person extends Component {
  constructor(props){
    super(props);
    this.state = {
      myState: true;
    }
  }
  
  render() {
    return (
      <div>
        <h1>Hello Person</h1>
      </div>
    );
  }
}

export default Person;

functional components vs react components

Clone this wiki locally