DEV Community

Discussion on: Sticky navbar from scratch using react

Collapse
 
karem1986 profile image
Karem

Why do we need to use join() method? please explain:)

Collapse
 
dalalrohit profile image
Rohit Dalal

Hey Karem,

According to my approach, navbarClasses is an array of 2 strings. So, to make a single string from those, join() will make it happen.

console.log( ['navbar','scrolled'].join(" ") )  // "navbar scrolled"
Enter fullscreen mode Exit fullscreen mode

Another approach is to use Ternary operator like this:

className={scrolled ? 'navbar scrolled' : 'navbar'}
Enter fullscreen mode Exit fullscreen mode

I hope I've cleared it out ;)

Collapse
 
karem1986 profile image
Karem

Thanks Rohit! Great explanation :)