modul:ffit:react:learningunits:lu01:using-variables

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
modul:ffit:react:learningunits:lu01:using-variables [2024/12/05 07:27] – kdemircimodul:ffit:react:learningunits:lu01:using-variables [2024/12/18 16:11] (aktuell) – kmaurizi
Zeile 1: Zeile 1:
 ====== LU01b - Using Variables ====== ====== LU01b - Using Variables ======
  
-We can use variables to fill out our component dynamically. In JSX we have to use the curly brackets {} to display value. If we add the parameter "props" to our function, we can use it in our function to display value given to this component+We can use variables to populate our component dynamically. In JSX we need to use the curly brackets {} to display the value. If we add the parameter "props" to our function, we can use it in our function to display the value given to this component.
  
 Product.js Product.js
-<code javascript>+<file javascript Product.js >
 export default function Product(props) { export default function Product(props) {
   return (   return (
Zeile 20: Zeile 20:
   );   );
 } }
-</code>+</file>
  
 ProductsList.js ProductsList.js
Zeile 61: Zeile 61:
 ===== Using children of component ===== ===== Using children of component =====
  
-We can nest components and also use other element in our component brackets.+We can nest components and also use other elements in our component brackets.
  
 Content.js Content.js
  • modul/ffit/react/learningunits/lu01/using-variables.1733380058.txt.gz
  • Zuletzt geändert: 2024/12/05 07:27
  • von kdemirci