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.
Korrekter Pfad für img in React.js
7 Antworten
Ich habe ein problem mit meine Bilder auf mein Projekt reagieren. In der Tat, ich dachte immer, dass die relative path in src-Attribut wurde auf die Dateien, die Architektur Hier meine Dateien-Architektur: components file1.jsx file2.jsx file3.jsx conainter
Reagieren: Aktualisieren Sie ein Element in einer Liste, ohne alle Elemente neu zu erstellen
5 Antworten
Sagen wir mal ich habe eine Liste von 1000 items. Und ich render es mit Reagieren, so wie hier: class Parent extends React.Component { render() { //this.state.list is a list of 1000 items return <List list={this.state.list} />;
Wie funktioniert die Suchmaschinen-Indexierung für JavaScript-Webanwendungen wie REACT?
2 Antworten
Ich bin der Planung und Implementierung von react.js für meine Anwendung. Da ich neu bin, zu reagieren, ich habe einen Zweifel, dass, wie google indexiert wird, reagieren die Komponenten? Und was sind die best-practice-benötigt, um die Anwendung
Kann ich eine Funktion ausführen, nachdem setState mit der Aktualisierung fertig ist?
4 Antworten
Ich bin ganz neu Reagieren JS (wie gerade heute begonnen). Ich verstehe nicht ganz, wie setState funktioniert. Ich bin die Kombination Reagieren und Easel JS zeichnen Sie ein raster, basierend auf Benutzereingaben. Hier ist mein JS bin:
Die Eigenschaft 'getHostNode' von null kann nicht gelesen werden
10 Antworten
Ich habe einen horizon/app reagieren mit reagieren-router und ich habe einen einfachen button in meine app: <Link className="dark button" to="/">Another Search</Link> Wenn ich drauf klicke, bekomme ich die folgende exception: Uncaught TypeError: Cannot read property 'getHostNode' of
React-Router - Uncaught TypeError: Kann die Eigenschaft 'getCurrentLocation' von undefined nicht lesen
2 Antworten
Ich bin mit der aktuellen version von react-router (version ^3.0.0). Schrieb ich Folgendes routing mit ES5: routes.js: var React = require("react"); var Router = require("react-router"); var AuthorPage = require('./components/authors/authorPage') var App = require('./components/app') var Route = Router.Route;
ReactJS rendert String mit geschützten Leerzeichen
4 Antworten
Habe ich einige Requisiten, einen string, enthalten kann Zeichen, wie z.B. &. Es enthält auch Leerzeichen. Ich möchte, um zu ersetzen Sie alle Leerzeichen mit . Gibt es eine einfache Möglichkeit, kann ich dies tun? Bedenken Sie,
Übergeben Sie das Objekt über den Link im Reag Router
4 Antworten
Ist es möglich, übergeben Sie ein Objekt über Link Komponente reagieren-router? Etwas wie: <Link to='home' params={{myObj: obj}}> Click </Link> In der gleichen Weise, wie ich es weitergeben würde props von der Parent zu Child Komponente. Wenn es
react.js - Welche Erweiterung soll verwendet werden - '.jsx' oder nur '.js'?
1 Antworten
Ich versuche nur, um herauszufinden, was besser für meine app: Verwenden .jsx Endung, aber ich werden müssen, erfordern Komponenten mit expliziten Erweiterung-in müssen Sie die Funktion wie require('MyComponent.jsx'); Verwenden .js Erweiterung, und das ist gut require('MyComponent); aber
onClick rendert keine neue react-Komponente.
3 Antworten
Ich bin neu in der Welt reagieren und ich habe die Zeile wie diese: <Button onClick={() => console.log("hello")}>Button</Button> und auf klicken, erhalten Sie hello auf der Konsole ausgegeben. Nun ändern Sie die Zeile auf: <Button onClick={() =>
Verwenden Sie React IndexRoute in react-router v4
2 Antworten
Lerne ich Reagieren, mich mit online-tutorial. So ist dies ein einfaches Beispiel zur Verwendung Reagieren-Router: <Router history={browserHistory}> <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="/home" component={Home}/> <Route path="/about" component={About}/> <Route path="/contact" component={Contact}/> </Route> </Router> Mit meiner App-Komponente: class
Mokka-Tests laufen nicht mit Webpack und Mocha-Loader
2 Antworten
Hintergrund Ich bin zu portieren npm-Skripts Webpack Lader, um besser zu lernen, wie Webpack funktioniert und ich habe alles, außer für meine Mokka-tests: ich habe einen fehlerhaften test, aber es ist nicht die zeigen, dass der Mokka
Wie kann man globale Styles mit CSS-Modulen in einer reaktiven App anwenden?
3 Antworten
Ich bin derzeit mit CSS-Modulen mit Reagieren für mein styling. So ist jedes meiner Komponenten ist der Import im Komponenten-spezifischen css-Datei, etwa so: import React from 'react'; import styles from './App.css'; const example = () => (
React - setState in componentWillReceiveProps
2 Antworten
Ist das legal? componentWillReceiveProps: function(nextProps) { if (typeof nextProps.contact != 'undefined') { this.setState({forename: nextProps.contact.forename}); this.setState({surname: nextProps.contact.surname}); this.setState({phone: nextProps.contact.phone}); this.setState({email: nextProps.contact.email}); } } Weil ich nicht weiß, wie Sie füllen meine Eingaben und noch in der Lage sein,
React-Eingabe DefaultValue wird nicht mit Status aktualisiert
6 Antworten
Ich versuche Sie ein einfaches Formular erstellen mit reagieren, aber, die Schwierigkeiten haben, die Daten ordnungsgemäß binden Sie die defaultValue-der form. Das Verhalten, das ich Suche, ist dies: Wenn ich öffne meine Seite, die Text-input-Feld sollte ausgefüllt
React-Native holt XML-Daten
6 Antworten
Ich bin neu zu Reagieren,-Muttersprachler. Der Versuch zu machen, einige sehr einfache apps. Kann nicht herausfinden, wie abrufen von XML-Daten. Mit JSON ist alles klar und einfach. Aber wie fetch-XML? Habe versucht, es zu konvertieren, um JSON
Was kann 'Nur ein ReactOwner refs haben'. bedeuten?
11 Antworten
Habe ich eine einfache react Komponente mit einem Formular in es: var AddAppts = React.createClass({ handleClick: function() { var title = this.refs.title.getDOMNode().value; .... var appt = { heading: title ... } CalendarActions.addAppointment(appt); }, render: function() { return
Jquery in React ist nicht definiert
2 Antworten
Hallo, ich möchte nur zu erhalten, ajax-request, aber das problem ist, dass jquery nicht definiert Reagieren. Reagieren, version 14.0 Fehlermeldung Uncaught ReferenceError: $ is not defined Habe ich zwei Dateien index.js import React from 'react'; import {
React + Redux-router = Uncaught Error: Erwartet, dass der Reducer eine Funktion ist
3 Antworten
Mein code ist in Ordnung, aber ich habe ein nerviges problem immer wenn ich eine Codierung Fehler und erhalten Sie einen Laufzeitfehler. Zum Beispiel, in einem meiner JSX Seiten habe ich Date() statt new Date() und statt
Wie importieren und exportieren Sie Komponenten mit React + ES6 + webpack?
5 Antworten
Ich bin Herumspielen mit React und ES6 mit babel und webpack. Ich möchte zu bauen, die mehrere Komponenten in verschiedenen Dateien, die den import in eine einzelne Datei und bündeln Sie mit webpack Sagen wir, ich habe
OnClick-Ereignisbindung in React.js
5 Antworten
Ich würde gerne pass der Eltern div - id, klicken Sie auf, div oder jedes Kind-element mit dem gleichen div. Aber ich bin nicht in der Lage, es zu erreichen. Bitte sagen Sie mir, wo ich bin,
React.js: Wie entkoppelt man jsx aus JavaScript?
5 Antworten
Gibt es irgendeine Möglichkeit, den jsx von einer Komponente zu machen-Funktion in einer separaten Datei? Wenn ja, wie kann ich mich auf die jsx in der render-Funktion? Kommentar zu dem Problem verwenden Sie browserify? Sie können dann
Cleaner / kürzere Möglichkeit, den geschachtelten Zustand in Redux zu aktualisieren?
6 Antworten
Manchmal Reduzierstücke irgendwie chaotisch: const initialState = { notificationBar: { open: false, }, }; export default function (state = initialState, action) { switch (action.type) { case actions.LAYOUT_NOTIFICATIONBAR_OPEN: return Object.assign({}, state, { //TODO: Find a cleaner way to
Auf React Router, wie im eingeloggten Zustand bleiben, aktualisieren Sie die Seite sogar?
2 Antworten
Mache ich mit der website, Reagieren, Reagieren und Router mit Redux. Viele Strecken(Seiten) Bedarf angemeldet. Ich kann redirect auf login, wenn der Benutzer nicht angemeldet, so: function requireAuth(nextState, replace) { let loggedIn = store.getState().AppReducer.UserReducer.loggedIn; if(!loggedIn) { replace({
Element aus dem Array im Komponentenstatus entfernen
9 Antworten
Ich bin auf der Suche nach der beste Weg, um entfernen Sie ein element aus einem array in den Status einer Komponente. Da ich nicht ändern sollten die this.state variable direkt, gibt es eine bessere Möglichkeit (präziser)
Was ist der Unterschied zwischen redux-thunk und redux-promise?
3 Antworten
Soweit ich weiß und mich korrigieren, wenn ich falsch bin, redux-thunk ist eine middleware, die uns hilft, Versand async-Funktions-und debug-Werte in der Aktion selbst, während wenn ich redux-Versprechen konnte ich nicht erstellen async-Funktionen ohne Befolgung meiner eigenen
Wie implementiert authentifizierte Routen in React Router 4?
6 Antworten
War ich versucht zu implementieren authentifiziert Strecken, aber festgestellt, dass Reagieren Router 4 damit wird verhindert, dass diese von der Arbeit: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}>
Konsolenprotokollierung für reagieren?
2 Antworten
Ich bin super neues zu Reagieren, und ich versuche, um es einzurichten für Meteor und Ansetzer Sachen zusammen, die von anderen Quellen zu. Eine dieser anderen Quellen einrichten-Konsole Protokollierung für die app, aber ich werde mir das
Wie übertrage ich eine Reaktionskomponente in eine andere Reaktionskomponente, um den Inhalt der ersten Komponente zu übertragen?
6 Antworten
Gibt es eine Möglichkeit, eine Komponente in einer anderen reagieren-Komponente? Ich möchte ein Modell zu erstellen, reagieren Komponente und übergeben Sie in einer anderen reagieren-Komponente, um transclude, dass der Inhalt. Edit: Hier ist ein reactJS codepen zu
React router und this.props.children - wie man den Status an this.props.children weitergibt
3 Antworten
Ich bin mit Reagieren-router für die erste Zeit und ich weiß nicht, wie zu denken, in der es noch nicht. Hier ist, wie ich bin laden meine Komponenten in verschachtelte Routen. Einstiegspunkt .js ReactDOM.render( <Router history={hashHistory} >
Getting TypeError: this.props ist bei ReactJs nicht definiert
3 Antworten
Ich versuche das tutorial: https://facebook.github.io/react/docs/tutorial.html import React, { PropTypes } from 'react'; import classnames from 'classnames'; import styles from './CommentBox.css'; import withStyles from '../../decorators/withStyles'; import Link from '../../utils/Link'; import $ from 'jquery'; @withStyles(styles) class CommentBox extends React.Component
Programmgesteuertes Navigieren mit react router
22 Antworten
Mit react-router ich kann die Link element, um links zu erstellen, die nativ bearbeitet von router reagieren. Sehe ich intern Anrufe this.context.transitionTo(...). Möchte ich eine navigation, aber nicht von einem link, aus einer dropdown-Auswahl zum Beispiel. Wie
Fehler beim Aufruf von AppRegistry.registerComponent
6 Antworten
Ich ein neues Projekt erstellt mit react-native init Wevahanach, dass ich excute es funktioniert richtig funktionieren, dann habe ich geändert-Beispiel-app basierend auf meinem Anforderung nochmal laufen lassen, es funktioniert einwandfrei, aber das nächste mal, während Sie läuft
React.js: onChange-Ereignis für contentEditable
5 Antworten
Wie höre ich auf "change" - Ereignis für contentEditable-based control? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { //Doesn't fire :( console.log('changed', v); },
ReactJS: "Uncaught SyntaxError: Unerwartetes Token & lt;"
8 Antworten
Ich versuche den Einstieg in die Erstellung einer Website in ReactJS. Allerdings, wenn ich versuchte, meinen JS in eine eigene Datei, ich habe immer diesen Fehler: "Uncaught SyntaxError: Unexpected token <". Habe ich versucht, indem /** @jsx
Reagiere this.setState ist keine Funktion
5 Antworten
Ich bin neu in Reagieren, und ich bin versucht, zu schreiben eine app, die das arbeiten mit einer API. Ich bekomme immer diese Fehlermeldung: TypeError: this.setState ist nicht eine Funktion, wenn ich versuchen, mit der API-Antwort .
Element in React ein- oder ausblenden
13 Antworten
Ich bin Herumspielen mit React.js für die erste Zeit und kann nicht einen Weg finden, um zu zeigen, oder verstecken Sie etwas auf einer Seite über click-Ereignis. Ich bin nicht be-anderen-Bibliothek auf die Seite, also ich bin
Wrapping eines React-Routers Link in einer HTML-Schaltfläche
5 Antworten
Mithilfe vorgeschlagene Methode: Dies ist das Ergebnis: Ein link in den button, Code in zwischen Kommentarzeilen Ich Frage mich, ob es ist ein Weg, um wickeln Sie ein Link element aus 'react-router' in eine HTML - button
Wie man Konstanten in ReactJS definiert
5 Antworten
Habe ich eine Funktion, mit Karten, text, Buchstaben: sizeToLetterMap: function() { return { small_square: 's', large_square: 'q', thumbnail: 't', small_240: 'm', small_320: 'n', medium_640: 'z', medium_800: 'c', large_1024: 'b', large_1600: 'h', large_2048: 'k', original: 'o' }; }
Wie verwende ich den Umrandungsradius nur für 1 Ecke (reaktionsnativ)?
2 Antworten
Wie verwenden Sie border-radius Reagieren die Heimat nur für 1-Ecke? Habe ich ein modales Fenster Wie Sie sehen können, unten die Ecken nicht abgerundet, es passiert, wenn ich verwendet Hintergrundfarbe für Schaltflächen. Ich war versucht, overflow hidden
Rückruf, wenn DOM in react.js geladen wird
4 Antworten
Ich möchte ein callback aufgerufen, auf meine react.js Komponente, wenn es das DOM-element (einschließlich aller untergeordneten Knoten) ist eigentlich auf der Seite geladen und bereit. Speziell, ich habe zwei Komponenten, die ich Rendern möchten, die gleiche Größe,
Wie kombiniert man mehrere Inline Style Objekte?
9 Antworten
In Reagieren Sie deutlich, erstellen Sie ein Objekt und weisen es als inline-style. ich.e.. die unten erwähnt werden. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', //note the capital 'W' here
Laden Sie die Dateikomponente mit ReactJS hoch
4 Antworten
Ich habe schon überall gesucht für etwas Hilfe auf ein Bauteil zu helfen, zu verwalten, hochladen von Dateien Reagieren auf einen Endpunkt habe ich setup. Habe ich versucht, eine Vielzahl von Möglichkeiten, einschließlich der Integration http://filedropjs.org. Ich
Paketsignaturen stimmen nicht mit der zuvor installierten Version überein
4 Antworten
Diesem mein Projekt: https://github.com/kenpeter/my_hak_news, die eine direkte Kopie des https://github.com/grigio/HAgnostic-News. Git clone https://github.com/kenpeter/my_hak_news, dann laufen react-native run-android Habe diesen Fehler: * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session :
Reagieren: Wie viel kann ich das DOM bearbeiten, das React gerendert hat?
2 Antworten
Dies ist, was ich Tue: http://jsfiddle.net/iamnoah/pTrrw/ Den kritischen Abschnitt: position: function() { var container = $(this.getDOMNode()); this._menu = $(this.refs.menu.getDOMNode()); this._menu.appendTo(document.body). offset({ top: container.offset().top + container.outerHeight(), left: container.offset().left }); }, restore: function() { this._menu.appendTo(this.getDOMNode()); }, componentWillUpdate: function() {
Was ist der beste Weg, um ein Objekt in einem Array in ReactJS zu aktualisieren?
3 Antworten
Wenn Sie ein array als Teil Ihres Staates, und das array Objekte enthält, was eine einfache Möglichkeit zum aktualisieren des Status bei einer änderung eines dieser Objekte? Beispiel, verändert das tutorial zu reagieren: var CommentBox = React.createClass({
OnBlur mit JSX und React verwenden
1 Antworten
Ich versuche, erstellen Sie ein Passwort-Bestätigungs-Funktion, macht einen Fehler nur, nachdem sich ein Benutzer verlässt das Feld Bestätigung. Ich arbeite mit Facebook ' s React JS. Das ist mein input-Komponente: <input type="password" placeholder="Password (confirm)" valueLink={this.linkState('password2')} onBlur={this.renderPasswordConfirmError()} />
Beispiel für Bubbling und Capturing in React.js
1 Antworten
Ich bin auf der Suche für ein Beispiel im Umgang mit Bubbling und Capturing in React.js. Ich fand mit JavaScript, aber ich habe Probleme bei der Suche nach dem äquivalent für React.js. Wie müsste ich erstellen, ein
Sollten Flussspeicher oder Aktionen (oder beides) externe Dienste berühren?
6 Antworten
Sollten die Geschäfte halten Ihre eigenen Staat und haben die Möglichkeit zum Aufruf von Netzwerk-und Daten-storage-services dabei ...in dem Fall die Aktionen sind einfach nur dumm Meldung Passanten, -ODER- ...sollten die Läden sein, die Stumme Empfänger von
React.js: Wie fügt man eine Komponente beim Klick an?
2 Antworten
Ich bin neu zu Reagieren, und ich bin verwirrt, auf etwas Art von basic. Muss ich anfügen, eine Komponente der DOM nach DOM gerendert wird, auf ein click-Ereignis. Mein Erster Versuch ist wie folgt, und es funktioniert