Als «jsx» getaggte Fragen

Bei Fragen zur JSX-Syntax, die von React.js, Vue und anderen Front-End-JavaScript-Frameworks verwendet wird, mit denen Inline-XML-Literale in JavaScript zur Beschreibung von HTML-Elementen verwendet werden können. Wenn Ihre Frage die erweiterte Implementierung von JavaScript (ExtendScript) durch Adobe betrifft, die mindestens fünf Jahre älter als React.js ist, verwenden Sie stattdessen das Tag [ExtendScript].

16
Automatische Vervollständigung von JSX oder HTML in Visual Studio Code
Gibt es eine Möglichkeit, Komponenten oder HTML-Vervollständigungen in Visual Studio Code zu verwenden? Weil es keine gute Idee ist, jeden Buchstaben manuell einzugeben, wenn wir Klassen wie Bootstrap usw. haben. Zum Beispiel Vervollständigung wie in Emmet:ul>li*2>a var React = require('react'); var Header = React.createClass({ render: function () { return ( …
12
Visual Studio-Code ändert das Format (React-JSX)
Ich habe das folgende Snippet in meiner index.js class App extends Component { render() { return ( <div style = { styles.app } > Welcome to React! </div> ) } } Der Code funktioniert, aber jedes Mal, wenn ich das Visual Studio-Format (Strg + S) speichere, sieht das jsx folgendermaßen …
5
Wie kann ich den Ref einer zustandslosen Komponente in React anhängen?
Ich möchte eine zustandslose Komponente erstellen, deren inputElement von der übergeordneten Komponente überprüft werden kann. In meinem Beispiel unten stößt ich auf ein Problem, bei dem die Eingabe refniemals dem Privateigentum des Elternteils zugewiesen wird _emailAddress. Wann handleSubmitheißt, this._emailAddressist undefined. Fehlt mir etwas oder gibt es einen besseren Weg, dies …
10
Sie sollten <Link> nicht außerhalb eines <Routers> verwenden
Ich versuche, den React-Router in einer Beispielanwendung einzurichten, und erhalte die folgende Fehlermeldung: You should not use &lt;Link&gt; outside a &lt;Router&gt; Meine App ist wie folgt eingerichtet: Übergeordnete Komponente const router = ( &lt;div className="sans-serif"&gt; &lt;Router histpry={browserHistory}&gt; &lt;Route path="/" component={Main}&gt; &lt;IndexRoute component={PhotoGrid}&gt;&lt;/IndexRoute&gt; &lt;Route path="/view/:postId" component={Single}&gt;&lt;/Route&gt; &lt;/Route&gt; &lt;/Router&gt; &lt;/div&gt; ); render(&lt;Main …
9
React-Native Button-Stil funktioniert nicht
Import_this import {AppRegistry, Text, View, Button, StyleSheet} from 'react-native'; Dies ist mein React Button Code Aber Stil funktioniert nicht Hase ... &lt;Button onPress={this.onPress.bind(this)} title={"Go Back"} style={{color: 'red', marginTop: 10, padding: 10}} /&gt; Auch ich wurde von diesem Code versucht &lt;Button containerStyle={{padding:10, height:45, overflow:'hidden', borderRadius:4, backgroundColor: 'white'}} style={{fontSize: 20, color: 'green'}} …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.