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.

7
Reagieren Sie und verhindern Sie das Klicken von Ereignissen in verschachtelten Komponenten beim Klicken
Hier ist eine grundlegende Komponente. Sowohl die <ul>als auch <li>die onClick-Funktionen. Ich möchte nur das onClick on the auslösen <li>, nicht das <ul>. Wie kann ich das erreichen? Ich habe mit e.preventDefault (), e.stopPropagation () herumgespielt, ohne Erfolg. class List extends React.Component { constructor(props) { super(props); } handleClick() { // …
7
Erkennen, dass Benutzer die Seite mit dem React-Router verlassen
Ich möchte, dass meine ReactJS-App einen Benutzer benachrichtigt, wenn er von einer bestimmten Seite weg navigiert. Insbesondere eine Popup-Nachricht, die ihn / sie daran erinnert, eine Aktion auszuführen: "Änderungen werden gespeichert, aber noch nicht veröffentlicht. Tun Sie das jetzt?" Sollte ich dies react-routerglobal auslösen , oder kann dies innerhalb der …
9
Senden des Inhaber-Tokens mit Axios
In meiner Reaktions-App verwende ich Axios , um die REST-API-Anforderungen auszuführen. Es ist jedoch nicht möglich, den Autorisierungsheader mit der Anforderung zu senden . Hier ist mein Code: tokenPayload() { let config = { headers: { 'Authorization': 'Bearer ' + validToken() } } Axios.post( 'http://localhost:8000/api/v1/get_token_payloads', config ) .then( ( response …
7
Hook-Warnungen für asynchrone Funktion in useEffect reagieren: Die useEffect-Funktion muss eine Bereinigungsfunktion oder nichts zurückgeben
Ich habe das useEffect-Beispiel wie folgt ausprobiert: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet und ich bekomme diese Warnung in meiner …
6
Warnung: Unbekannte DOM-Eigenschaftsklasse. Meinten Sie className?
Ich habe gerade angefangen, React zu untersuchen, indem ich eine Komponente mit einer einfachen Renderfunktion hinzugefügt habe: render() { return <div class="myApp"></div> } Wenn ich die App starte, wird folgende Fehlermeldung angezeigt: Warning: Unknown DOM property class. Did you mean className? Ich kann dies durch eine Änderung lösen classzu className. …
10
Wie vermeide ich ein zusätzliches Umbrechen von <div> in React?
Heute habe ich angefangen, ReactJS zu lernen und bin nach einer Stunde mit dem Problem konfrontiert. Ich möchte eine Komponente einfügen, die zwei Zeilen in einem Div auf der Seite enthält. Ein vereinfachtes Beispiel dafür, was ich unten mache. Ich habe ein HTML: &lt;html&gt; .. &lt;div id="component-placeholder"&gt;&lt;/div&gt; .. &lt;/html&gt; Renderfunktion …
13
React-Router Externer Link
Da ich React-Router verwende, um meine Routen in einer React-App zu verarbeiten, bin ich gespannt, ob es eine Möglichkeit gibt, zu einer externen Ressource umzuleiten. Angenommen, jemand trifft: example.com/privacy-policy Ich möchte, dass es umgeleitet wird zu: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Ich finde genau null Hilfe, um zu vermeiden, dass es in einfachem JS …
13
Endlosschleife in useEffect
Ich habe mit dem neuen Hook-System in React 16.7-alpha herumgespielt und stecke in useEffect in einer Endlosschleife fest, wenn der Status, den ich verarbeite, ein Objekt oder Array ist. Zuerst benutze ich useState und initiiere es mit einem leeren Objekt wie folgt: const [obj, setObj] = useState({}); Dann benutze ich …
9
Abrufen von Abfrageparametern vom React-Router-Hash-Fragment
Ich verwende React und React-Router für meine Anwendung auf der Client-Seite. Ich kann anscheinend nicht herausfinden, wie die folgenden Abfrageparameter von einer URL wie der folgenden abgerufen werden können: http://xmen.database/search#/?status=APPROVED&amp;page=1&amp;limit=20 Meine Routen sehen so aus (der Weg ist völlig falsch, wie ich weiß): var routes = ( &lt;Route&gt; &lt;DefaultRoute handler={SearchDisplay}/&gt; …
7
Mehrere Pfadnamen für dieselbe Komponente in React Router
Ich verwende dieselbe Komponente für drei verschiedene Routen: &lt;Router&gt; &lt;Route path="/home" component={Home} /&gt; &lt;Route path="/users" component={Home} /&gt; &lt;Route path="/widgets" component={Home} /&gt; &lt;/Router&gt; Gibt es sowieso zu kombinieren, um zu sein wie: &lt;Router&gt; &lt;Route path=["/home", "/users", "/widgets"] component={Home} /&gt; &lt;/Router&gt;
6
Eingabefeld Text eingeben kann nicht eingegeben werden
Ich versuche mein erstes Stück React.js und bin schon früh ratlos ... Ich habe den folgenden Code, in den ein Suchformular gerendert wird &lt;div id="search"&gt;&lt;/div&gt;. Das Eingeben in das Suchfeld bewirkt jedoch nichts. Vermutlich fehlt etwas, wenn man die Requisiten passiert und auf und ab geht, und dies scheint ein …
10
Was ist der beste Weg, um ein Änderungsereignis in Reaktion js auszulösen?
Wir verwenden das Backbone + ReactJS-Bundle, um eine clientseitige App zu erstellen. valueLinkWir verlassen uns stark auf berüchtigte Daten und geben sie über einen eigenen Wrapper, der die ReactJS-Schnittstelle für die bidirektionale Bindung unterstützt, direkt an das Modell weiter. Jetzt standen wir vor dem Problem: Wir haben ein jquery.mask.jsPlugin, das …
111 reactjs 
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.