Als «reactjs» getaggte Fragen

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...

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...

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...

Ich muss einer Liste regulärer Klassen eine dynamische Klasse hinzufügen, habe aber keine Ahnung, wie (ich verwende babel) so etwas: <div className="wrapper searchDiv {this.state.something}"> ... </div> Irgendwelche

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"

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...

Ich habe Code geschrieben: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Ich erhalte eine Fehlermeldung: Der JSX-Elementtyp Elemhat keine Konstrukt- oder Aufrufsignaturen Was heißt

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...

Gibt es einen systematischen Ansatz zum Debuggen, was dazu führt, dass eine Komponente in React neu gerendert wird? Ich habe ein einfaches console.log () eingefügt, um zu sehen, wie oft es gerendert wird, aber ich habe Probleme herauszufinden, warum die Komponente in meinem Fall mehrmals, dh...

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 =

Die kürzlich vorgestellten reaktiven nativen Funktionen sind nur ein Beispiel für eine iOS-App und

Ich muss ein Formular erstellen, das etwas basierend auf dem Rückgabewert einer API anzeigt. Ich arbeite mit folgendem Code: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit =...

Ich habe mich ein bisschen nach einer Lösung für dieses Problem umgesehen. Alle schlagen vor "jsx": "react", Ihrer tsconfig.json-Datei etwas hinzuzufügen. Was ich getan habe. Ein anderer war hinzuzufügen "include: []", was ich auch getan habe. Ich erhalte jedoch immer noch den Fehler, wenn ich...

class PlayerControls extends React.Component { constructor(props) { super(props) this.state = { loopActive: false, shuffleActive: false, } } render() { var shuffleClassName = this.state.toggleActive ? "player-control-icon active" : "player-control-icon" return ( <div

Ich möchte fragen, was der letzte Satz bedeutet und tut (Standard-HelloWorld exportieren;), aber ich kann keine Tutorials dazu finden. // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return <p>Hello, world!</p>; } } export default...

Ich kann mit Typescript nicht herausfinden, wie Standardeigenschaftswerte für meine Komponenten festgelegt werden. Dies ist der Quellcode: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component<PageProps, PageState> { public...

Angenommen, ich habe drei Eingaben: rate, sendAmount und receiveAmount. Ich habe diese 3 Eingänge auf useEffect diffing params gesetzt. Die Regeln sind: Wenn sendAmount geändert wurde, berechne ich receiveAmount = sendAmount * rate Wenn receiveAmount geändert wurde, berechne ich sendAmount =...

Ich verwende React.JS und wenn ich dies tue react-native run-android(mit angeschlossenem Gerät), wird eine leere Seite angezeigt. Wenn ich das Gerät schüttle und Debug JS Remotelyaus der Optionsliste auswähle, wird der folgende Bildschirm angezeigt. Zu Ihrer Information: OS: Ubuntu 16.04 Node...

Ich benutze die Create-React-App. Ich versuche, ein Bild aus meinem öffentlichen Ordner aus einer Datei in meinem Ordner aufzurufen src/components. Ich erhalte diese Fehlermeldung. ./src/components/website_index.js Modul nicht gefunden: Sie haben versucht,

Mit dem React-Router können React-Apps verarbeitet werden /arbitrary/route. Damit dies funktioniert, muss mein Server die React-App auf einer beliebigen Route senden. Der Webpack-Entwicklungsserver verarbeitet jedoch keine beliebigen Endpunkte. Hier gibt es eine Lösung mit einem zusätzlichen...