Conditional-render approaches:

#1. if-else

#2. element variable

#3. ternary operator

#4. short circuit operator

Sources : Code Evolution (ReactJS Tutorial for Beginners), VS Code Marketplace

Prevent Component from re-rendering:

Errors, Warnings & solutions:

1. index.js:1 Warning: `controlId` is ignored on `<FormControl>` when `id` is specified.
   • 
     
2. Warning: A component is changing an uncontrolled input of type text to be controlled.
   •