Friday , 24 January 2020

Stateless Functional Components in React

Guest Contributor Snippets , Web December 21, 2019

A stateless component is just presentation of the state. It only can render props and it should only do that. A good example is a header component: let’s say we have a header which needs to be styled and displayed especially so we create a header stateless component which would look like this.

const Header = props => (
    <header className="header">
        <h1>TWT Header</h1>
        <h3 className="tagline">
            <span>{props.tagline}</span>
        </h3>
    </header>
);