Ich beginne mit React.js und möchte ein einfaches Formular erstellen, aber in der Dokumentation habe ich zwei Möglichkeiten gefunden, dies zu tun. Der erste verwendet Refs : var CommentForm = React.createClass({ handleSubmit: function(e) { e.preventDefault(); var author =
Ist es möglich, die aktuelle Bildlaufposition oder die aktuelle Seite einer <ScrollView>Komponente in React Native abzurufen? Also so etwas wie: <ScrollView horizontal={true} pagingEnabled={true} onScrollAnimationEnd={() => { // get this scrollview's current page or x/y scroll...
Ich habe die folgende Komponente ( radioOther.jsx): 'use strict'; //module.exports = <-- omitted in update class RadioOther extends React.Component { // omitted in update // getInitialState() { // propTypes: { // name: React.PropTypes.string.isRequired // } // return { // otherChecked: false //...
Ich weiß, dass ich die Eingabe nicht mutieren soll und das Objekt klonen soll, um es zu mutieren. Ich folgte der Konvention, die für ein Redux-Starterprojekt verwendet wurde, das Folgendes verwendete: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value],...
Unsere Anwendung verwendet unendliches Scrollen, um durch große Listen heterogener Elemente zu navigieren. Es gibt ein paar Falten: Es ist üblich, dass unsere Benutzer eine Liste mit 10.000 Elementen haben und durch 3k + scrollen müssen. Da es sich um umfangreiche Elemente handelt, können wir nur...
Einer der größten Vorteile von React.js soll das serverseitige Rendern sein . Das Problem ist, dass die Schlüsselfunktion React.renderComponentToString()synchron ist, wodurch es unmöglich wird, asynchrone Daten zu laden, wenn die Komponentenhierarchie auf dem Server gerendert wird. Angenommen, ich...
Normalerweise mache ich Folgendes, um die meisten meiner SVG-Symbole einzuschließen, die ein einfaches Styling erfordern: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Jetzt habe ich mit ReactJS gespielt, um es als mögliche Komponente in meinem neuen...
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() } }...
Ich weiß, dass diese Frage bereits einige Male gestellt wurde, aber die meiste Zeit besteht die Lösung darin, dies beim Elternteil zu behandeln, da der Verantwortungsfluss nur absteigend ist. Manchmal müssen Sie jedoch eine Komponente mit einer ihrer Methoden beenden. Ich weiß, dass ich seine...
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...
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...
Ich habe mit React herumgespielt und habe die folgende Zeitkomponente Date.now(), die nur auf dem Bildschirm angezeigt wird: import React, { Component } from 'react'; class TimeComponent extends Component { constructor(props){ super(props); this.state = { time: Date.now() }; } render(){ return(...
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); } }, []);...
Dieser Fehler wird beim Erstellen einer reaktionsnativen iOS-App auf xcode angezeigt. Dieser Fehler wurde nach der npm-Installation und der rpm-Verknüpfung der reaktionsnativen fs- Bibliothek angezeigt . Aber nachdem ich online nach einer Lösung gesucht hatte, bemerkte ich, dass viele Leute den...
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] =...
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...
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:
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: <html> .. <div...
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&page=1&limit=20 Meine Routen sehen...
Wie schiebe ich ein Element in das useState-Array? React hook? Ist das eine alte Methode im Reaktionszustand? Oder etwas Neues? ZB setState Push Beispiel ?