React chinesisches Referenzhandbuch

Lesen（23872） Updatezeit(2022-04-13)

Im ?React Chinese Reference Manual“ ist React eine JAVASCRIPT-Bibliothek, die zum Erstellen von Benutzeroberfl?chen verwendet wird. React wird haupts?chlich zum Erstellen einer Benutzeroberfl?che verwendet. Viele Leute denken, dass React das V (Ansicht) in MVC ist. React entstand als internes Projekt bei Facebook zum Aufbau der Instagram-Website und wurde im Mai 2013 als Open Source bereitgestellt. React hat eine hohe Leistung und eine sehr einfache Codelogik. Immer mehr Menschen achten darauf und nutzen es.

React (manchmal auch React.js oder ReactJS genannt) ist eine Open-Source-JavaScript-Bibliothek, die eine HTML-Ansicht für Daten bereitstellt. React-Ansichten werden normalerweise mithilfe von Komponenten gerendert, die andere im benutzerdefinierten HTML-Markup angegebene Komponenten enthalten.

React bietet Programmierern ein Modell, bei dem Unterkomponenten keinen direkten Einfluss auf ?u?ere Komponenten haben (?Daten flie?en nach unten“), effiziente Aktualisierungen von HTML-Dokumenten bei Daten?nderungen und eine saubere Trennung zwischen Komponenten in modernen Einzelseitenanwendungen .

React wurde von Jordan Walke, einem Softwareentwickler bei Facebook, erstellt. Es wurde von XHP, dem HTML-Komponenten-Framework von PHP, beeinflusst. Das Framework wurde erstmals 2011 im Newsfeed von Facebook und dann 2012 auf Instagram eingesetzt. Es wurde im Mai 2013 auf der JSConf US als Open Source bereitgestellt.

Tipp: Bevor Sie mit dem Erlernen von React beginnen, ben?tigen Sie HTML5, CSS, JavaScript Grundlagen.

Lassen Sie uns die erste Reaktionsinstanz erleben!

Erste Reaktionsinstanz

Instanz

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
<script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
<script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
</head>
<body>

<div id="example"></div>
<script type="text/babel">
ReactDOM.render(
	<h1>Hello, world!</h1>,
	document.getElementById('example')
);
</script>

</body>
</html>

Instanz ausführen?

Klicken Sie auf ?Ausführen“. Beispiel" Klicken Sie auf die Schaltfl?che, um Online-Beispiele anzuzeigen

Da die Designidee von React ?u?erst einzigartig ist, handelt es sich um eine revolution?re Innovation, die Leistung ist hervorragend und die Codelogik ist sehr einfach. Daher achten und nutzen immer mehr Menschen darauf und glauben, dass es in Zukunft das Mainstream-Tool für die Webentwicklung sein k?nnte.

Tipps: Unser React-Tutorial hilft Ihnen, Schritt für Schritt zu lernen, wie Sie React beherrschen und anwenden. Wenn Sie Fragen haben, besuchen Sie bitte die chinesische PHP-Website React CommunityStellen Sie Ihre Fragen und begeisterte Internetnutzer werden sie für Sie beantworten.

React-Funktionen:

Deklaratives Design: React übernimmt ein deklaratives Paradigma, mit dem sich Anwendungen leicht beschreiben lassen.
Effizient: React minimiert die Interaktion mit dem DOM durch Simulation des DOM.
Flexibel: React funktioniert gut mit bekannten Bibliotheken oder Frameworks.

Was dieses React-Tutorial-Handbuch behandelt

Dieses React-Tutorial-Handbuch behandelt alle grundlegenden Verwendungsmethoden von React, einschlie?lich React-Installation, React-Element-Rendering, React JSX, React-Komponenten, Kenntnisse über React Props, React AJAX, React praktische Verarbeitung usw.

Tipps: Jedes Kapitel dieses Tutorials enth?lt viele React-Beispiele. Sie k?nnen direkt auf die Schaltfl?che ?Beispiel ausführen“ klicken, um die Ergebnisse online anzuzeigen. Diese Beispiele helfen Ihnen, React besser zu verstehen und zu verwenden.