Als «reactjs» getaggte Fragen

React (auch bekannt als React.js oder ReactJS) ist eine von Facebook entwickelte JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Es verwendet ein deklaratives, komponentenbasiertes Paradigma und soll sowohl effizient als auch flexibel sein.

5
Versuch, Fetch und Pass im Modus zu verwenden: no-cors
Ich kann diesen Endpunkt http://catfacts-api.appspot.com/api/facts?number=99über Postman erreichen und er kehrt zurückJSON Zusätzlich verwende ich die Create-React-App und möchte vermeiden, dass eine Serverkonfiguration eingerichtet wird. In meinem Client-Code versuche fetchich, dasselbe zu tun, aber ich erhalte die Fehlermeldung: In der angeforderten Ressource ist kein Header 'Access-Control-Allow-Origin' vorhanden. Origin ' http: // …
5
Dynamischer Tag-Name in jsx und React
Ich versuche eine React-Komponente zu schreiben. für HTML-Überschriften-Tags (h1, h2, h3 usw.), bei denen sich die Überschriftenpriorität basierend auf der in den Requisiten definierten Priorität dynamisch ändert. Hier was ich versuche zu tun. <h{this.props.priority}>Hello</h{this.props.priority}> erwartete Ausgabe: <h1>Hello</h1> Das funktioniert nicht. Gibt es eine mögliche Methode, um dies zu tun?
162 reactjs  jsx 
13
this.setState führt Zustände nicht wie erwartet zusammen
Ich habe folgenden Zustand: this.setState({ selected: { id: 1, name: 'Foobar' } }); Dann aktualisiere ich den Status: this.setState({ selected: { name: 'Barfoo' }}); Da setStateangenommen wird, zu verschmelzen, würde ich erwarten, dass es ist: { selected: { id: 1, name: 'Barfoo' } }; Aber stattdessen frisst es die ID …
30
Skript kann nicht geladen werden. Stellen Sie sicher, dass Sie entweder einen Metro-Server ausführen oder dass Ihr Bundle 'index.android.bundle' zur Veröffentlichung korrekt verpackt ist
react-native run-androidBefehl wird beendet, indem eine Nachricht im Android Simulator hinterlassen wird. Die Nachricht lautet wie folgt: Skript kann nicht geladen werden. Stellen Sie sicher, dass Sie entweder einen Metro-Server ausführen oder dass Ihr Bundle 'index.android.bundle' zur Veröffentlichung korrekt verpackt ist. Was mache ich falsch?
9
Abrufen der Ansichtsfenster- / Fensterhöhe in ReactJS
Wie erhalte ich die Höhe des Ansichtsfensters in ReactJS? In normalem JavaScript verwende ich window.innerHeight() Bei Verwendung von ReactJS bin ich mir jedoch nicht sicher, wie ich diese Informationen erhalten soll. Mein Verständnis ist das ReactDOM.findDomNode() funktioniert nur für erstellte Komponenten. Dies ist jedoch nicht der Fall für das Element …
11
Rendern Sie eine HTML-Zeichenfolge als echtes HTML in einer React-Komponente
Hier ist, was ich versucht habe und wie es schief geht. Das funktioniert: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> Das geht nicht: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> Die Beschreibungseigenschaft ist nur eine normale Zeichenfolge von HTML-Inhalten. Es wird jedoch als Zeichenfolge gerendert, aus irgendeinem Grund nicht als HTML. …
158 javascript  html  reactjs  jsx 
4
Benutzerdefinierte Navigation mit Navigator-Komponente in React-Native
Ich erkunde die Möglichkeiten von React Native, während ich eine Demo-App mit benutzerdefinierter Navigation zwischen Ansichten mithilfe von NavigatorKomponenten entwickle . Die Haupt-App-Klasse rendert den Navigator und renderScenegibt die übergebene Komponente zurück: class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', component: WelcomeView}} configureScene={() => { return …
6
OnChange-Ereignis mit React JS als Dropdown-Liste
var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java" onChange={this.change}>Java</option> <option value="C++" onChange={this.change}>C++</option> </select> <p></p> <p value={this.change}></p> </div> ); } }); React.render(<MySelect />, document.body); Die onChangeVeranstaltung funktioniert nicht.
3
Verketten von Variablen und Zeichenfolgen in React
Gibt es eine Möglichkeit, die geschweifte Klammernotation von React und ein hrefTag zu integrieren? Angenommen, wir haben den folgenden Wert im Status: {this.state.id} und die folgenden HTML-Attribute für ein Tag: href="#demo1" id="demo1" Gibt es eine Möglichkeit, den idStatus zum HTML-Attribut hinzuzufügen , um Folgendes zu erhalten: href={"#demo + {this.state.id}"} Welches …
10
Rohes HTML mit Reactjs rendern
Ist dies also die einzige Möglichkeit, rohes HTML mit Reactjs zu rendern? // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup = converter.makeHtml(this.props.children.toString()); return ( <div className="comment"> <h2 className="commentAuthor"> {this.props.author} </h2> <span dangerouslySetInnerHTML={{__html: rawMarkup}} /> </div> ); } }); Ich weiß, …
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.