React Class-based Components
The class-based components also have almost the same features as React function components. but before we define our class-based component, we need to import the “React. Component” or extract the Component like “{Component}” from React.
import React, {Components} from 'react';
Syntax:
Javascript
import React, { Component } from 'react' class App extends Component { render() { return ( <div> <h1>Hello { this .props.name}</h1> </div> ) } } |
How to create components in ReactJS ?
Components in React JS is are the core of building React applications. Components are the building blocks that contains UI elements and logic, making the development process easier and reusable. In this article we will see how we can create components in React JS.
Table of Content
- React Functional Components
- React Class-based Components
- Rendering the Component