Tag: reactjs
Reagieren ist eine JavaScript-Bibliothek für die Erstellung von Benutzeroberflächen. Es verwendet einen deklarativen Paradigma und zielt darauf ab, sowohl effizient und flexibel.
Uncaught Error: Invariant Violation: findComponentRoot (..., ... $ 110): Das Element konnte nicht gefunden werden. Dies bedeutet wahrscheinlich, dass das DOM unerwartet mutiert war
8 Antworten
Was ich falsch mache mit geschachtelten Zyklen Reagieren? Ich habe gesucht Informationen in Google und ich fand nichts geeignetes. Können Sie mir helfen, was ich falsch verstehen? Als gesehen werden kann von der Abbildung ab, ich habe
Reagieren - React-Komponente von einem Child-DOM-Element abrufen?
3 Antworten
Ich würde gerne in der Lage sein, um herauszufinden, was Reagieren Komponente ist verbunden mit einem bestimmten DOM-element. Sagen wir zum Beispiel, ich habe ein div, und ich bin rendering meine gesamte Anwendung mit Reagieren. Das div
Ändern Sie den Button-Stil, indem Sie Native React Native drücken
4 Antworten
Ich würde gerne den Stil von ein button in meine app zu ändern, wenn es gedrückt wird. Was ist der beste Weg, dies zu tun? InformationsquelleAutor der Frage domi91c | 2016-01-06
ReactJs CreateClass ist keine Funktion
6 Antworten
var React = require('react'); module.exports=React.createClass({ render:function(){ return( <div> <h1> the list </h1> </div> )} }) Wenn ich den oben stehenden code ausführen bekomme ich folgende Fehlermeldung : app.js:4 Uncaught TypeError: React.createClass is not a function Ist dies,
React.js: Legen Sie innerHTML vs dangerousSetInnerHTML fest
2 Antworten
Gibt es eine "hinter den kulissen" der Unterschied von der Einstellung eines Elements innerHTML vs Einstellung der dangerouslySetInnerHTML-Eigenschaft auf ein element? Nehme an, ich bin richtig bereinigt werden Dinge, der Einfachheit halber. Beispiel: var test = React.createClass({
ReactJS Zustand vs Prop
6 Antworten
Dies kann beschreitet, die Linie zwischen verantwortlich und rechthaberisch, aber ich bin hin-und herwechseln, wie die Struktur einer ReactJS Komponente, da die Komplexität wächst und könnte etwas Richtung. Kommt von AngularJS, ich will mein Modell in der
Reactive führt die automatische Vervollständigung nicht aus
6 Antworten
Wie kann ich reagieren, es darzustellen? <input id={field.name} className="form-control" type="text" placeholder={field.name} autocomplete="off" {...field}/> InformationsquelleAutor der Frage Yaroslav | 2016-05-28
Reagiere PropTypes vs. Flow
4 Antworten
PropTypes und cover Flow ähnliche Dinge, aber mit verschiedenen Ansätzen. PropTypes kann Ihnen Warnungen während der Laufzeit, was sehr hilfreich sein kann, schnell zu finden, fehlerhaften Antworten kommen von einem server, etc. Aber Flow scheint die Zukunft
Den Benutzer erkennen, der die Seite mit react-router verlässt
5 Antworten
Möchte ich meine ReactJS app um einen Benutzer zu Benachrichtigen, wenn die Navigation Weg von einer bestimmten Seite. Speziell eine popup-Meldung daran erinnert, dass er ihm/Ihr zu tun, eine Aktion: "Werden die änderungen gespeichert, aber noch nicht
React.js - Zugriff auf Komponentenmethoden
6 Antworten
Warum kann ich nicht den Zugriff auf die Komponente Methoden von "außen" in ReactJS? Warum ist es nicht möglich und gibt es eine Möglichkeit es zu lösen? Betrachten Sie den code: var Parent = React.createClass({ render: function()
React Tutorial: TypeError: Kann Property von undefined nicht lesen
1 Antworten
Habe ich beschlossen, zu lernen, zu Reagieren und begann mit dem offiziellen tutorial. Alles ist gut, bis ich diesen Staat mein code: var CommentBox = React.createClass({ render: () => { return ( <div className="commentBox"> <h1> Comments </h1>
eine Hover-Schaltfläche in react.js
3 Antworten
ich würde gerne Fragen, wie Sie eine Schaltfläche, aber wenn Sie die Maus über die Buttons (hover),wird die neue Schaltfläche angezeigt, über die Schaltfläche... und es ist in react.js.. thx dies ist der Weg, mein code.. var
Wie man Komponenten in ReactJS bedingt lädt
4 Antworten
Dies ist eine neue starter von ReactJS. Nichtverfügbarkeit von leicht greifbaren Ressourcen hat mich dazu bewogen, zu klopfen an, SO wieder. Das Problem ist dieses. Ich habe einen Reagieren Komponente, nämlich RegisterAccount die, wenn Sie geklickt haben,
Bilder dynamisch hinzufügen Webpack reaktivieren
6 Antworten
Ich habe versucht, herauszufinden, wie Sie dynamisch hinzufügen von Bildern per Reagieren und Webpack. Ich habe eine image-Ordner unter src/images und eine Komponente unter src/components/index. Ich bin mit url-loader mit der folgenden config für webpack { test:
Reactive Nativer Fehler: Elementtyp ist ungültig: erwartet eine Zeichenfolge oder eine Klasse / Funktion, aber erhalten: Objekt
6 Antworten
Bin ich immer diese Fehlermeldung und ich habe eine Menge ärger, dies zu beheben. Was ich versuche, hier zu tun ist habe 3 verschiedene Bildschirme und eine tabbar, navigiert zu jedem Bildschirm. Hier ist mein index: import
Reagieren - Status nicht aktualisiert
2 Antworten
Ich hier versuchen state.autocomplete 'Hallo' und dann drucken, aber der Staat scheint zu sein, null. Wie kann das sein, wenn ich gerade aktualisiert den Zustand mit setState? data ist festgelegt, wie eine Globale variable. var data =
Was ist der bevorzugte Weg, um einen Reaktionszustand zu verändern?
4 Antworten
Sagen wir mal ich habe eine Liste von einfachen Objekten in meinem this.state.list, die kann ich dann verwenden, um die Wiedergabe einer Liste von Kindern. Was ist dann der richtige Weg, um Objekt einfügen in this.state.list? Unten
setInterval in einer React-App
2 Antworten
Ich bin noch ziemlich neu zu Reagieren, aber ich habe Schleifen entlang langsam und ich habe festgestellt etwas, das ich stecken geblieben bin. Ich versuche zu bauen, ein "timer" - Komponente in Reagieren, und um ehrlich zu
Wie fügt man Attribute zu React-Komponenten bedingt hinzu?
10 Antworten
Gibt es eine Möglichkeit, nur fügen Sie Attribute zu Reagieren Komponente, wenn eine bestimmte Bedingung erfüllt ist? Ich soll hinzufügen, erforderlich und readOnly-Attribute für Formular-Elemente basiert auf einem ajax-call nach dem Rendern, aber ich kann nicht sehen,
Wie übermittele ich in ReactJS Daten von der Kindkomponente an die Eltern?
3 Antworten
Ich versuche zum senden von Daten von einem untergeordneten Komponente um die es Eltern wie folgt: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return
Umgang mit Ajax mit React
5 Antworten
Wie soll ich mit ajax-requests in eine ziemlich traditionelle web-Anwendung? Speziell mit der Verwendung Reagieren, für die Aussicht, während Sie mit einem backend, verarbeitet die Daten wie text und was nicht, aber unter Verwendung von ajax automatisch
Sass mit CSS Modulen & amp; Webpaket
1 Antworten
Ich habe ein Projekt erstellen, für eine Weile mit Webpack, Sass und CSS-Module. Normalerweise in meinem .scss Dateien, definiere ich eine Klasse wie: :local(.button) { color: white; } und in meine Reagieren Komponenten, in der render Methode,
entferne console.logs mit Webpack & amp; Verunstalten
5 Antworten
Bin ich versucht zu entfernen-Konsole.Protokolle mit Webpack s Verunstalten plugin, aber es scheint, dass Verunstalten plugin kommt gebündelt mit Webpack nicht haben, die Möglichkeit, Ihre nicht erwähnt in der Dokumentation. Ich bin initialisieren verunstalten von webpack so:
Reagieren - Wie HTML-Tags in Requisiten übergeben werden?
11 Antworten
Ich möchte in der Lage sein, um pass-text mit HTML-tags, etwa so: <MyComponent text="This is <strong>not</strong> working." /> Aber innerhalb von MyComponent's render-Methode, wenn ich drucken Sie this.props.text es buchstäblich druckt alles: This is <strong>not</strong> working. Gibt
So verwenden Sie den Child-Parameter "React.createElement" (ohne Jsx)
1 Antworten
React.createElement nimmt einen spread "Kinder" - parameter var d = React.DOM; React.createElement(LabeledElement, {label: "Foo"}, d.input({value: "foo"}) ) aber ich finde keine Dokumentation darüber, wie, es tatsächlich zu verwenden var LabeledElement = React.createClass({ render: function() { return d.label({}
Reactive Native / Xcode Upgrade und jetzt RCTConvert.h nicht gefunden
6 Antworten
App lief fein auf React Native 0.35.0. Nach dem Update auf 0.40.0 über react-native-git-upgrade bekomme ich eine Reihe von lexikalischen/preprocessor Problemen, wenn Sie versuchen zu bauen/führen Sie die app in XCode. React/RCTBridgeModule.h' file not found Beim Klick
Reagieren - So exportieren Sie eine reine zustandslose Komponente
4 Antworten
Wie kann ich exportieren einer Staatenlosen Reine dumm-Komponente? Wenn ich Klasse das funktioniert: import React, { Component } from 'react'; export default class Header extends Component { render(){ return <pre>Header</pre> } } Jedoch, wenn ich eine Reine
Reagieren Sie Äquivalent für ng-Wiederholung
5 Antworten
Ich bin neu React.js. Ich bin versucht zu binden-Daten-arrays. Ich bin auf der Suche nach den Gegenwert von ng-repeat, aber ich kann nicht finden, es in der Dokumentation. e.g: var data = ['red', 'green', 'blue'] mit eckigen
Sollten Sie jemals diese.setState () bei der Verwendung von Redux verwenden?
1 Antworten
Sollten Sie jemals verwenden this.setState() bei der Verwendung von redux? Oder sollten Sie immer die Einplanung von Aktionen und sich auf die Requisiten? Kommentar zu dem Problem - Öffnen Es ist nichts falsch mit einige Komponenten mit
Axios erhalten in URL funktioniert aber mit zweiten Parameter als Objekt nicht
2 Antworten
Ich versuche zu senden GET-Anforderung als zweiten parameter, aber es funktioniert nicht, während Sie es tut, als url. Dieser Werke, $_GET['Nam'] gibt test: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type:
Wie exportiert man JavaScript-Array-Informationen in csv (auf Client-Seite)?
19 Antworten
Ich weiß, es gibt viele Fragen dieser Art, aber ich muss dies tun, mit JavaScript. Ich bin mit Dojo 1.8 und haben alle das Attribut info in der Reihe, die wie folgt aussieht: [["name1", "city_name1", ...]["name2", "city_name2",
react-router - Übergeben Sie Requisiten an die Handler-Komponente
20 Antworten
Habe ich folgende Struktur für meine React.js Anwendung mit Reagieren Router: var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler /> </div> ); }
react.js benutzerdefinierte Ereignisse für die Kommunikation mit übergeordneten Knoten
6 Antworten
Ich mache und hören für normal-DOM CustomEvents, um die Kommunikation zu übergeordneten Knoten: In Kind: var moveEvent = new CustomEvent('the-graph-group-move', { detail: { nodes: this.props.nodes, x: deltaX, y: deltaY }, bubbles: true }); this.getDOMNode().dispatchEvent(moveEvent); In parent: componentDidMount:
Reagieren Sie, binden Sie den Namen des übergeordneten Domelements in der Komponente ein
1 Antworten
Innerhalb meiner Komponente, wie kann ich den Namen der übergeordneten Komponente geschachtelt ist drin? Also wenn mein Vermieter ist so: ReactDOM.render( <RadialsDisplay data={imagedata}/>, document.getElementById('radials-1') ); Wie kann ich abrufen, die id Namen #radials-1 innerhalb der Komponente selbst?
Die create-react-App importiert die Einschränkung außerhalb des src-Verzeichnisses
3 Antworten
Bin ich mit create-reagieren-app. Ich bin versucht zu rufen, ein Bild von meinem öffentlichen Ordner von einer Datei in meinem src/components. Ich erhalte diese Fehlermeldung. ./src/components/website_index.js Modul nicht gefunden: Sie versucht, import ../../public/images/logo/WC-BlackonWhite.jpg die fällt außerhalb des
Unmount / zerstöre Komponente im jsdom Test
5 Antworten
Gibt es eine Möglichkeit zu deaktivieren und Müll sammeln Reagieren Komponente montiert mit TestUtils.renderIntoDocument innerhalb einer jsdom test? Ich versuche, etwas zu testen, was auf componentWillUnmount und TestUtils.renderIntoDocument zurück nicht alle DOM-Knoten zum Aufruf React. unmountComponentAtNode auf.
Reactive Stellen Sie den Fokus nach dem Rendern auf die Eingabe ein
17 Antworten
Was reagieren die Art und Weise der Einstellung focus auf ein bestimmtes Textfeld, nachdem die Komponente gerendert wird? Dokumentation zu suggerieren scheint, mit refs, e.g: Set ref="nameInput" mein input Feld in der render-Funktion, und rufen Sie dann:
Wie auf bestimmte Eigenschaftenänderungen im Redux-Speicher nach dem Absetzen einer Aktion geachtet wird
2 Antworten
Ich bin derzeit versuchen zu konzipieren, wie Sie Griff Versand eine Aktion in einer Komponente basierend auf einer änderung der Daten nach Versand in einer anderen Komponente. Nehmen Sie dieses Szenario: dispatch(someAjax) -> Eigenschaft im Status updates.
Was bedeutet der Fehler "JSX-Elementtyp '...' hat keine Konstrukt- oder Rufsignaturen"?
3 Antworten
Ich schrieb einige code: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Ich erhalte eine Fehlermeldung: JSX-element Typ Elem keine konstruieren oder rufen Sie Unterschriften Was bedeutet es? InformationsquelleAutor der Frage Ryan Cavanaugh | 2015-08-04
Korrekte Methode zum Definieren eines leeren dom-Elements in React
1 Antworten
Sende ich einen optionalen parameter checkbox im inneren eine requisite, um eine Komponente: var checkBox = this.props.checkbox ? <span className='checkbox'></span> : null; Dann habe ich es so formulieren: <div> ... {checkBox} ... </div> Als gesehen von oben,
Wie man den ausgewählten Wert eines Dropdown-Menüs in ReactJS erhält
3 Antworten
Ich bin mit reagieren und ich möchte den Wert der ausgewählten option aus der dropdown-Liste im reagieren, aber ich weiß nicht, wie. Irgendwelche Vorschläge? danke! Mein dropdown ist nur eine Auswahl wie: <select id = "dropdown"> <option
ReactJS: React.render ist keine Funktion und React.createElement ist keine Funktion
2 Antworten
Fand ich ein problem in meinem code, wenn ich habe versucht, verwenden Sie diese beiden Funktionen in meinen Reagieren, version 15.2.0, dennoch fand ich ein workaround, aber ich würde gerne wissen, ob es eine bessere Lösung gibt.
Full-Weiten-Button mit Flex-Box in react-native
3 Antworten
Ich bin neu in der flexbox und bin nicht in der Lage zu produzieren in voller Breite Schaltfläche reagieren-native. Ich habe versucht, dies herauszufinden, mich für mehr als einen Tag und Lesen Sie jeden Artikel /Beitrag im
Fenster nicht definiert Fehler bei Verwendung von extract-text-webpack-plugin React
4 Antworten
Ich bin mit webpack zu bauen, reagieren meine Komponenten und ich bin versucht, die extract-text-webpack-plugin zu trennen, mein css aus meinem generierten js-Datei. Jedoch, wenn ich versuche zu bauen, der Komponente bekomme ich folgende Fehlermeldung: Module build
React Router v4 - Wie bekomme ich die aktuelle Route?
2 Antworten
Ich würde gerne eine Anzeige title im <AppBar /> dass ist irgendwie vergangen, in aus der aktuellen route. In Reagieren Router v4, wie würde <AppBar /> in der Lage sein, um die aktuelle route führte in die
npm Start Fehler mit create-react-app
7 Antworten
Habe ich ein Projekt, die ich nicht berühren für 2 Wochen. Ich nehme es zurück und wenn ich jetzt versuche zu laufen npm start bekam ich diese Fehlermeldung. > react-scripts start sh: react-scripts: command not found npm
Zweck von. Bind (this) am Ende des Ajax Callbacks?
2 Antworten
Aus der reactjs tutorial, was ist der Zweck des habens .bind(this) am Ende der ajax-callback? Funktioniert der code korrekt funktionieren, ohne es? data: JSON.stringify({text: text}), success: function (data) { this.setState({data: data}); }.bind(this), Kommentar zu dem Problem Etwas
Facebook React.js: Wie renderst du Stateful Components auf dem Server?
1 Antworten
Ich glaube, ich bin konzeptionell etwas fehlt mit server-side-rendering React.js Angenommen ich möchte eine Seite erstellen, um Elemente anzuzeigen, die von einem server-side-DB, mit einem input-Feld filtern Sie. Ich will eine Seite : reponds, um eine URL
React-Router: type.toUpperCase ist keine Funktion
4 Antworten
wenn ich als erste reagieren-router, aber die Seite gibt mir diese Fehlermeldung unten Reagieren-router: Typ.Großschreibung ist nicht eine Funktion var React = require('react'); var Router = require('react-router'); var Route = Router.Route; var App = React.createClass({ render: function()
Wie behalte ich document.title in der React App aktualisiert?
5 Antworten
Da Reagieren, keine eingebaute Möglichkeit zum verwalten document.title ich verwendet, um es in componentDidMount meiner route-Handler. Aber jetzt brauche ich für die änderung der Titel basiert auf state geholt asynchron. Ich fing an assingments in componentDidUpdate, aber