How to CONDITIONAL RENDER in React ❓

Рет қаралды 24,733

8 ай бұрын

Conditional rendering = allows you to control what gets rendered in your application based on certain conditions. (ex. show, hide, or change components)

Пікірлер: 37

@BroCodez 8 ай бұрын

import UserGreeting from './UserGreeting.jsx' function App() { return( ); } export default App import PropTypes from 'prop-types'; function UserGreeting(props){ const welcomeMessage = Welcome {props.username} const loginPrompt = Please log in to continue return(props.isLoggedIn ? welcomeMessage : loginPrompt); } UserGreeting.proptypes = { isLoggedIn: PropTypes.bool, username: PropTypes.string, } UserGreeting.defaultProps = { isLoggedIn: false, username: "Guest", } export default UserGreeting .welcome-message{ font-size: 2.5em; background-color: hsl(120, 100%, 42%); color: white; padding: 10px; border-radius: 5px; margin: 0; } .login-prompt{ font-size: 2.5em; background-color: hsl(0, 100%, 42%); color: white; padding: 10px; border-radius: 5px; margin: 0; }

@imbomb 8 ай бұрын

Pls I beg of you don't relent so as we aren't.Just keep posting videos till this module is complete.React is a very important aspect in Frontend Development

@unknown-person-14. 8 ай бұрын

i beg you to make a small python episode in which you will teach how to communicate between server and client in lan using sockets and how to move a thing from buttons using server so connected clients would see the change

@anesmessahli5863 8 ай бұрын

Yo pls can u suggest to me wich video i should watch to learn html and css .. you have a 1hour video of html and 1hour video of css also you have a 4hour video such as a combination between the last twos.. so what should i watch ?

@indology7975 8 ай бұрын

bro please make mastery level detail. detail to detail python full couse , make a course that by doing that one can become Albert Einstain of coding.

@senisia 8 ай бұрын

i love your new react series. I just started learning it and you came out of nowhere

@aungaungab1967 8 ай бұрын

Please make a full react series course 🙏🙏🙏🙏🙏

@g.ryanpeterson9686 7 ай бұрын

Just started learning React and your videos are very easy to follow and learn from. Thank you!!

@shivanshuhere 6 ай бұрын

simple and clear explanation :) loved it

@TahaZolfi 8 ай бұрын

bro code teaches you so good that u feel its so easy

@Legacylanes_moto 6 ай бұрын

great series bro.. byte sized tutorials makes life easier. Thanks.. waiting for more.

@NazneenNaharNishi 8 ай бұрын

Bro make a complete tutorial for android development.....Your courses are completely educative.❤❤❤❤❤

@houdariyad4889 8 ай бұрын

can't thank u enough bro

@AIZEN155 8 ай бұрын

Even though I know React, I enjoy watching your videos

@name_yug 8 ай бұрын

Pls make a full course on react and typescript

@ngehbrandon9491 8 ай бұрын

Thanks for the video bro

@d1ce966 8 ай бұрын

Bro post more react i love it

@elawet435 8 ай бұрын

Thank u so much my Bro

@1T_pressly 8 ай бұрын

Thank you bro for the code

@Yesterday_i_ate_rat 8 ай бұрын

Thank you so much sir ❤❤

@andromilk2634 4 ай бұрын

Since you were using Javascript variables, wouldn't you need to use {} on here as well like you usually do? Or are those not necessary in conditionals? Thanks!