course content

Course Content

Introduction to React

ES6 Arrow FunctionsES6 Arrow Functions

Arrow functions are a new addition to JavaScript that let us create inline functions without using the function and return keywords. They are simply a shorter syntax version of the normal JavaScript functions. JavaScript function:

ES6 function:

If the function has only one statement and returns a value, then we can remove the braces and the return keyword, hence the resultant code will be:

We can also pass arguments in the ES6 inline functions, using the syntax:


Create an inline function named threeProduct that takes in three numbers / arguments namely a, b, c, and returns the product of those numbers. Call the function inside a console.log function and pass 1, 2 and 9 as arguments.


Fill in the gaps.

let threeProduct = ;

Click or drag`n`drop items and fill in the blanks

Everything was clear?

Section 1. Chapter 4