Dillinger.md

https://medium.com/@danyal_imran/everything-react-all-about-jsx-4a5123ac8606

Im vorherigen Abschnitt Was ist React? Wir haben darüber geredet. Bevor Sie mit diesem Artikel fortfahren, empfehle ich Ihnen, meinen vorherigen Artikel zu lesen.

Was ist JSX?

JSX ist eine Syntaxerweiterung von JavaScript. „JS“ kommt von JavaScript und „X“ von XML, weil JSX im XML-Format vorliegt. JSX ist eine Skriptstruktur, die es ermöglicht, HTML-Codes direkt in JavaScript-Codes zu schreiben.

JSX-Codeblock

WARUM JSX?

Wir müssen JSX nicht verwenden, wenn wir React schreiben, aber React empfiehlt die Verwendung von JSX, da es mit Funktionen ausgestattet ist, die es uns ermöglichen, JavaScript in vollem Umfang zu nutzen. Darüber hinaus bietet JSX klarere Fehler- und Warnmeldungen für React.

JavaScript in JSX

In JSX können wir jeden JavaScript-Code in geschweiften Klammern ({}) schreiben. Im folgenden Codeblock wird beispielsweise formatName(user) in das <h1> -Element eingefügt.

JavaScript innerhalb von JSX

Eigenschaftsdefinitionen mit JSX

Wir können HTML-Elementen Zeichenfolgenausdrücke in doppelten Anführungszeichen zuweisen.

const element = <div tabIndex="0"></div>;

Information:

Diese Operation mit geschweiften Klammern wird Wrapping genannt.

const element = <img src={user.image}></img>

Warnung:

JSX-Ausdrücke sind JavaScript näher als HTML, daher verwendet React DOM den CamelCase-Benennungsstandard für die Benennung von Eigenschaften. Beispielsweise heißt die Klasseneigenschaft className.

Untergeordnete Elemente in JSX

JSX-Ausdrücke können untergeordnete Elemente enthalten.

const element = (
  <div>
    <h1>Merhaba!</h1>
    <h2>Seni burada görmek çok güzel.</h2>
  </div>
);

In JSX konvertiert der Babel-Compiler in JSX geschriebenen Code React.createElement()in einen React-Aufruf. Daher machen die folgenden 2 Codebeispiele dasselbe.

const element = (
  <h1 className="greeting">
  Merhaba, Dünya!
  </h1>
);
const element = React.createElement(
  'h1',
  {className: 'greeting'},
  'Merhaba, Dünya!'
);

const element = {
  type: 'h1',
  props: {
    className: 'greeting',
    children: 'Merhaba, Dünya!'
  }
};

Fazit

JSX ist eine empfohlene Syntaxerweiterung für das React-Schreiben und wird empfohlen. Wie ich im gesamten Artikel erklärt habe, gibt es natürlich keine Verpflichtung, die Entscheidung liegt ganz beim Softwareentwickler. Mein Rat ist, JSX zu verwenden, Sie werden es wirklich mögen und ich kann sagen, dass es einer meiner Lieblingsorte auf der React-Seite ist.

Ich hoffe, es war für alle Leser verständlich. Wir hoffen, Sie im nächsten Artikel zu sehen. Viel Spaß beim Lesen.

Quelle

·https://medium.com/@danyal_imran/everything-react-all-about-jsx-4a5123ac8606

·https://tr.reactjs.org/docs/introducing-jsx.html

Die verheerenden Folgen eines Schlaganfalls vermeiden: Aus der Reise einer Familie lernen.

Einleitung Ein Schlaganfall ist ein medizinischer Notfall, der jeden jederzeit treffen kann. Sie tritt auf, wenn die Durchblutung eines Teils des Gehirns gestört ist, was zu einem plötzlichen Verlust der Gehirnfunktion führt.

Meine am häufigsten verwendeten Codierungsressourcen

Diese Woche erhielt ich eine E-Mail von einem Mitglied der täglichen E-Mail-Liste. Sie wollten wissen: Welche Ressourcen besuchen Sie täglich, wöchentlich und monatlich? Tolle Frage! Ich versuche gerne, einige Einblicke in meinen Arbeitsablauf und die wichtigsten Ressourcen, die ich verwende, mit Ihnen zu teilen.

Die „Learning at Work Week“ ist wichtiger als Sie denken

Es fällt uns oft schwer, das umzusetzen, von dem wir wissen, dass es gut für uns ist. Von der Aussage, dass wir einen Lebensgefährten lieben, bis hin zur Erinnerung daran, wie ein Pirat zu reden – es wird immer diejenigen geben, die behaupten, dass ein Tag, eine Woche oder ein Monat voller Ereignisse nicht nötig sei, weil sie diese Dinge bereits tun.

„Der Marianengraben enthüllt: Enthüllung der schrecklichen verborgenen Wahrheiten des Abgrunds“

Einleitung: Willkommen, mutige Leser, zu einer Reise, die uns in die dunkelsten Tiefen unseres Planeten führt. In diesem Blog tauchen wir in die rätselhafte Welt des Marianengrabens ein, decken seine verborgenen Geheimnisse auf und decken die gruseligen Wahrheiten auf, die unter seiner Oberfläche liegen.

Die Verfolgung von Christen: Das Hassverbrechen, über das wir nicht sprechen

Vergessen Sie Islamophobie: Christen (und Juden) sind die Hauptopfer religiöser Hassverbrechen.

Jeder rational denkende Mensch weiß, dass die politischen und medialen Kreise von der Linken dominiert werden, sogar von der extremen Linken, ein Zustand, der zu einem Ungleichgewicht im politischen Diskurs führt. Im Bereich der Religion ist dieses Ungleichgewicht deutlich sichtbar: Linke Zeitungen und Netzwerke beeilen sich nicht, den christlichen Glauben zu verteidigen.