How to Conditionally Render Components in React.js - Part 7

----

----

----
Follow Me Online Here:

#benawad
​
----
#benawad

[karolyuliethpachecorodrigu]

I've been looking for this several days and finallly Found it !

[rtorcato]

I use the double ampersand { this.state.visible && <ImageSlider/> } this is nice if you are only looking for one value like true. And it keeps more of your layout code in the render function without making it look too confusing.

[ethanrodriguez]

Great video! Helped me figure our some functionality on my current project. Thank you!

[lolaueda]

Thank you for sharing Ben, I was looking for this info for 2 days!
Hepled me to unstuck :)

[nadansiri]

thank you from the bottom of my heart :D

[errinwright]

For some reason when I use a SCREEN WIDTH parameter, the whole screen disappears when screen gets smaller than my screen width

[djpunisha]

maybe in the future, you can do a video on "recompose" npm library and its branch() and renderComponent()
that library can provide elegant solutions in React apps

[improveliving]

hello sir
I need your help
After getting a successful response from API, I want to change the page/load a new component in the browser but didn't find the correct way to do so.
So please help regarding this.
Example-
.then(response=> {
console.log(response);
return(
<div>
<OTP/>
</div>
)
}


OTP is my component but in the browser, it is not working and also not showing any response.

[IamRenzx]

Great tutorial as always! Btw how do you do css animations? With conditional rendering?

[shrutikarukari]

Can you do a video on rendering child components froms props

[pepepomada]

Are you using class properties instead of a constructor? can you do a video explaining how they work with the "this" keyword?

[jexxiewoo]

How did you delete and paste the whole thing so fast? 3:13