What is the difference between having curly brackets, parentheses and without brackets?

Asked Apr 05 '18 at 05:44

Active Apr 05 '18 at 05:50

Viewed 64 times

Which is the common way to introduce a ref in React, and how will it differ with curly brackets, parentheses and without brackets?

Line 1:

buttonRef={n => {this.loadMoreBtn = n}}

Line 2:

buttonRef={n => (this.loadMoreBtn = n)}

Line: 3

buttonRef={n => this.loadMoreBtn = n}

edited Apr 05 '18 at 05:45

Suren Srapyan

asked Apr 05 '18 at 05:44

Thong Yi Xuen

ignore me - must be a react thing – Jaromanda X Apr 05 '18 at 05:47
2

@shubam it seems related but it actually isnt. – Jonas Wilms Apr 05 '18 at 05:51
In terms of using ref, you can use any one of the above syntaxes since all you need is to assign the ref to a class instance variable, however the difference between the first two is about implicit and explicit return – Shubham Khatri Apr 05 '18 at 05:51
@JonasW. I added more explanation about it in my comment – Shubham Khatri Apr 05 '18 at 05:51
Let me know if you still don't understand the difference after referring the duplicate and reading my comment – Shubham Khatri Apr 05 '18 at 05:55
You can use any of the syntaxes, what you should know is `ref` takes a `function` which is called with `node` as a parameter. – Tolsee Apr 05 '18 at 05:57

0 Answers0