What do these three dots in React do?

Question

What does the ... do in this React (using JSX) code and what is it called?

Answer 1

In a short, the three dots ... is a spread operator in ES6(ES2015). Spread operator will fetch all the data.

let a = [1, 2, 3, 4];
let b = [...a, 4, 5, 6];
let c = [7,8,...a];


console.log(b);

Will give the result [1,2,3,4,5,6]

console.log(c);

Will give the result [7,8,1,2,3,4]