Golang React JS Technology Blog

How to use arrow function in React stateless components?

Stateless components can be defined using the fat arrow syntax, which exclude the use of return keyword.

Example

import React, { Component } from 'react';
 
export default () =>
    <h1 className="bg-secondary text-white text-center p-2">
        Hello World
    </h1>
Most Helpful This Week
How to use function inside JSX expression? Glyphicon Rating Star component onClick Event binding and get event name in ReactJs How to create Functional Component? React JS update Div content on click React Props