What are stateless components in ReactJS?

Stateless components are components that don’t have any state. When something is stateless, it calculates its internal state but it never directly mutates it.For creating a stateless components No class and this keyword is needed.You can create a stateless components using plain functions or Es6 arrow function. Below is an example of stateless component in react.

//In Es6 
const Pane = (props) =>

;

//In Es5 
const Username = ({ username }) =>

The logged in user is: {username}