What do the three dots mean in React JSX

0 votes

What do the three dots (...) mean in React JSX?

In React JSX, I’ve noticed the use of three dots (...) in various places, such as <Component {...props} />. I’m aware it’s related to spreading, but I’m unsure about its specific purpose in JSX. Can someone explain what it does and when to use it?

4o

Nov 18 in Web Development by Nidhi
• 3,520 points
41 views

1 answer to this question.

0 votes

In react, by using the three dots syntax we can spread the props easily instead of passing data to the each prop.

Let’s say we have data like this.

var person= {

    name: 'Ram',

    age: 10

}

// We can use the spread operator to pass the above data as props.

<Person {...person}/>

// This is the same as.

<Person name={person.age} age={person.age}/>

answered Nov 19 by kavya

Related Questions In Web Development

0 votes
0 answers

How do you set the document title in React?

Oct 11 in Web Development by anonymous
• 3,520 points
78 views
0 votes
1 answer

How do you set the document title in React?

Suppose we are reading an article online. ...READ MORE

answered Oct 21 in Web Development by Navya
• 380 points
141 views
+1 vote
1 answer

What are the different types of pop-up boxes available in JavaScript?

There are  basically three types of pop-up ...READ MORE

answered Jan 22, 2020 in Web Development by Niroj
• 82,840 points
1,612 views
0 votes
1 answer

What does cors means in Angularjs and what the use of it?

CORS is Cross Origin Resource Sharing which means you ...READ MORE

answered Jan 29, 2020 in Web Development by kartik
• 37,520 points
4,322 views
0 votes
1 answer

How can I remove a port from url for node app using nginx

If you run your node server on ...READ MORE

answered Apr 10, 2018 in DevOps on Cloud by ajs3033
• 7,300 points
4,059 views
0 votes
4 answers

ReactJS vs Angular Comparison: Which is better?

Parameters React Angular Type React is a JavaScript library, and it ...READ MORE

answered Jan 7, 2021 in Events & Trending Topics by Focusteck
• 140 points
1,771 views
+2 votes
4 answers
0 votes
1 answer

What is the difference between state and props in React?

State  Props State is a built-in object that stores ...READ MORE

answered Nov 19 in Web Development by kavya
46 views
0 votes
1 answer

What is React in Software development?

React is an open-source JavaScript library for ...READ MORE

answered Jan 5 in Web Development by Shawn
436 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP