Monday, August 24, 2020

DESTRUCTING IN REACT JS

 Ternary Operator:

  • condition?expTrue:expFalse
  • Example:

const Fav = "SonyMax";

{Fav === "SonyMax"?<SonyMax />:<ZeeTV />}


Array Destructing:

const language = ['php',  'c',  'c++',  'java',  'jsp'];

//In ES5
var lang1 = language[0];
var lang2 = language[1];
.......
var lang5 = language[4];
console.log("My fav. languages are "+lang1+"and "+lang5);

//In ES6
let [lang1, lang2, lang3, lang4, lang5] = language;
console.log(`My fav. languages are ${lang1} and ${lang5}`);

For inserting Emojis in VS Code:

Press ":" or ":smilie"  

No comments:

Post a Comment

TODO PROJECT IN REACT JS USING ARRAY HOOK, COMPONENT AND SPREAD OPERATOR

 App.jsx import   React , {  useState  }  from   "react" ; import   TodoList   from   "./TodoList" ; const   App  = ()  ...