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.
2
Antworten
Einen verwende reagieren-rails gem in meinem ruby on rails Projekt. Ich versuche, auf "Verweis hinzufügen" zu meinem DOM-element. Dies ist meine Komponente: class NewItem extends React.Component { constructor(props) { super(props); this.name = React.createRef(); } handleClick() { var
1
Antworten
Ich bin zu lernen, zu Reagieren, und haben eine kleine test-app macht einen Ajax-Aufruf, liefert ein JSON-Objekt, das ich möchten, Durchlaufen Sie in der return-Methode, der meine Komponente. Ich habe versucht, alles, was ich denken kann und
5
Antworten
Möchte ich die Farbe ändern eines schwimmenden Titel für Material-UI textfield. Wie gesagt in der Dokumentation, ich pass das Objekt Farbe als floatingLabelStyle: <TextField floatingLabelStyle={{color: somecolor }} /> Aber das gilt für beide Staaten von der label
1
Antworten
Ich bin mit reagieren-router in meiner Anwendung, und ich bin auf der Suche nach einem Weg zu stoppen, das montieren von Komponenten, die bereits in der DOM. Zum Beispiel, wenn ich bei der URL dashboard, dann habe
6
Antworten
ich kann nicht testen-Anwendung, die erstellt wurde mit create-reagieren-app, alle Führer sagt, der test funktioniert standardmäßig, aber wenn ich versuche "Garn-test" es Bedarf installieren 'Scherz-cli' und nach der installation gibt den Fehler "TypeError: Umwelt.Abrüsten ist nicht eine
1
Antworten
Ich bin neu in JavaScript und ReactJS. Ich habe eine Anwendung, in dem der Benutzer seine oder Ihre e-mail-Adresse. Dann Ich versuche zu erstellen, den Benutzer-Datensatz. Wenn etwas schief geht, möchte ich die Anzeige ein modal-Fenster mit
5
Antworten
Ich habe Folgendes html-element: <a href onClick={() => fields.push()}>Add Email</a> Ich muss das href-Attribut, so bootstrap-Formatvorlagen-element mit einem link-styling (Farbe, cursor). Problem ist, wenn ich klicke, dass es nun bewirkt, dass der browser umleiten. Wie kann ich
1
Antworten
Ich habe eine einzelne Seite, die aus zwei dropdown-Liste der Komponenten; Die Seite ist nur zugänglich nach erfolgreicher Authentifizierung (gültiges token). Beide dropdown-Liste verbraucht ist es, Daten aus verschiedenen JSON-API. Ich habe eine dropdown-Liste funktionsfähig, aber für
4
Antworten
Ich habe manchmal gesehen Menschen wickeln Ihre Komponenten in withRouter wenn Sie Sie zu exportieren: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { //... } export default withRouter(Foo); Was ist das und Wann sollte
1
Antworten
Ich bin relativ neu zu Reagieren/Webpack und ich möchte Materialisieren CSS, aber ich erhalte eine Fehlermeldung über nicht erkennen jQuery in meinem code. Ich weiß nicht, wo zu beginnen. Habe ich eine einfache Reagieren Komponente als so:
5
Antworten
Unten ist mein component-Klasse. Die Komponente scheint nie zur Ausführung componentWillUpdate(), auch wenn ich den Status aktualisieren, indem Sie die Protokollierung, bevor die Rückkehr in mapStateToProps. Der Staat ist zu 100% ändern, aber die Komponente nicht aktualisieren.
4
Antworten
Ich bin mit Apollo Client <Query> innerhalb einer Komponente, die neu gerendert, wenn sich der Zustand geändert wird innerhalb eines Lebenszyklus-Methode. Ich möchte meine <Query> Komponente führen Sie die Abfrage erneut, weil ich weiß, dass sich Daten
2
Antworten
Habe ich diese regex von mir, überprüfen Sie die Zeichenfolge, wenn es mit link oder url -(i.e. https://eslint.org/docs/rules/no-useless-escape). Mit diesem regex /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig habe ich gefunden und Fehler während der Ausführung meiner test-Fälle reagieren zu Unnecessary escape character:
3
Antworten
Tools: Reactjs 0.14.0 Vanille Flux Ich brauche eindeutige Bezeichner für 2 Gründe: Kind Versöhnung Halten Spur von dem, was Kind auf die geklickt wurde Also sagen wir mal ich habe eine Liste von Nachrichten, die wie folgt
1
Antworten
Ich habe eine Anwendung reagieren mit reagieren-router. Ich bin versucht, setup-verschachtelte Routen: "/" --> home page "/products" --> products list (child component of home page) "/products/new" --> new product: child component of products list Was ich versucht
1
Antworten
Möchte ich eine einfache HTML5-audio-tag in meiner Anwendung reagieren. Meine Komponenten sieht wie folgt aus: import React from 'react' class AudioPlayer extends React.Component { render() { return ( <div> <audio ref="audio_tag" src="./static/music/foo.mp3" controls autoPlay/> </div> ); }
4
Antworten
Ich habe eine Reihe von input innerhalb Reagieren Komponente, und es muss akzeptieren, dass die Zahl mit einem Dezimalpunkt. In der Regel Einträge in der Bruchteile eines cents, wie 0.0073, dass Art der Sache. <div className="form-group"> <label
3
Antworten
Ich müde, dies zu tun die ganze Zeit: <Elem x={x} y={y} z={z} /> <Elem x={this.props.x} y={this.props.y} z={this.props.z} /> Gibt es eine Möglichkeit, die ich bekommen kann so etwas wie dies funktioniert? <Elem x, y, z /> oder
2
Antworten
Ich bin der Zusammenstellung meiner ersten Redux/Reagieren-app, und beim anschließen meines ersten Container bekomme ich diesen Fehler. Ich habe mir über die letzten Beiträge auf dieser gleichen Fehler und ich gegangen durch jede Antwort im detail zu
3
Antworten
Ich bin kämpfen, um zu verwenden refs in Reagieren. Sie immer wieder root-DOM-Knoten der Komponente statt reffed ein. Bitte betrachten Sie das folgende Beispiel: var AuthApp = React.createClass({ onSubmitClick: function(event) { var usernameInput = this.getDOMNode(this.refs.username); //This logs
2
Antworten
So, ich entwickelte ein kleines Reagieren-Anwendung mithilfe von create-reagieren-app. (Ich habe immer Anwendungen von Grund auf.) Dann, nachdem ich ziemlich glücklich mit ihm, entschied ich mich zu laufen npm run build um eine optimierte Produktion zu bauen.
6
Antworten
Ich war dabei ein Vergleich der Winkel-und Reagieren muss, und beschloss zu versuchen, ein performance-test, um zu sehen, wie schnell eine große(ish) Liste machen würde in beiden frameworks. Als ich fertig mit meinem Reagieren Prototyp mit einigen
3
Antworten
Ich bin versuchen, um eine stateless Komponente Reagieren mit dem alleinigen Zweck, als eine wiederverwendbare Verpackung. Ich bin auch mit CSS-Modulen, weil ich vollständig modular aufgebaute CSS. Das Ding ist, ich will nicht, unnötige Elemente (und sogar
1
Antworten
Also hey Leute, im Grunde bin ich mit reagieren und ich möchte den parent-div in der Höhe, und machen Sie das Kind, um die gleiche Höhe haben, von Requisiten. Das übergeordnete div rendert jedes mal, wenn das
1
Antworten
Wie Klasse hinzufügen im element auf scrollen Reagieren, js, möchte ich hinzufügen-Klasse auf Blättern und entfernen Sie diese Klasse, wenn auf der Seite oben. import React from "react" import { Link } from "react-router" import { prefixLink
2
Antworten
In einem einzigen reagieren Komponente ein Benutzer auf eine Schaltfläche klickt, => das ruft eine Methode => löst eine Aktion aus => async Holen => reducer updates state => Komponente erhält neue Requisiten. zurück in die ursprüngliche
2
Antworten
Alle: Wenn ich definieren, eine Komponente, eine Eigenschaft, die man als "Wert", var Child = React.createClass({ componentWillReceiveProps: function(){ console.log("componentWillReceiveProps",this.props.value); }, shouldComponentUpdate : function(){ console.log("shouldComponentUpdate", this.props.value); return true; }, componentWillUpdate : function(){ console.log("componentWillUpdate", this.props.value); }, componentDidUpdate: function(){ console.log("componentDidUpdate",
2
Antworten
Habe ich mit zu Reagieren, um umgesetzt Include-Komponente. Es laden Sie Inhalte aus der url. Dieser test funktioniert, sondern produziert auch eine unerwartete endlos-Schleife mit "Rendern" ... warum? <script type="text/jsx"> /** @jsx React.DOM */ var Include =
3
Antworten
Ich habe mit Reagieren-Router für die letzten paar Tage und Iv ' E worden, es zu lieben! Ein problem, dass Iv ' E worden, habe, ist, dass ich kann nicht herausfinden, der beste Weg, um pass state
2
Antworten
Ich schreiben möchte eine Formular-Komponente, die exportiert werden können, eine Methode zum überprüfen Ihrer Kinder. Leider eine Form nicht "sehen" alle Methoden auf Ihre Kinder. Hier ist, wie ich definieren eine potenzielle Kinder Form: var Input =
1
Antworten
Ich versuche zu implementieren, die Einschränkung oder die Validierung in einer reagieren-datepicker Komponente. Ich bin mit redux-form zur Validierung und Normalisierung(zu implementieren Einschränkung) https://redux-form.com/6.0.0-rc.1/examples/normalizing/ Frage : ich habe beobachtet, dass weder die Normalisierung der Funktion noch die
1
Antworten
Ich will auch zerlegbar sidebar mit Bootstrap und Reagieren und ich bin nach diesem tutorial. http://seegatesite.com/create-simple-cool-sidebar-menu-with-bootstrap-3/ War ich in der Lage, erzeugen eine statische Website, aber ich kann nicht Holen Sie sich jquery arbeiten mit Reagieren. Ich
2
Antworten
Ich möchte eine ref auf die Komponente, dargestellt durch das element ich erstellen, aber kann es nicht funktionieren. Ich versuchte dies: var comp = React.createElement( MyComp, { props: myprops, ref: "mycomp" } ); Aber das funktioniert nicht.
6
Antworten
Habe ich gelesen, mehrere Beiträge über Themen, die die Menschen mit React Native und die require() Funktion, wenn Sie versuchen zu erfordern eine dynamische Ressource wie: Dynamische (fehl): urlName = "sampleData.json"; data = require('../' + urlName); vs.
1
Antworten
Ich habe einen Reagieren Hierarchie wie diese: AgreementContentWidget AgreementTitleContainer AgreementTitle <-- this is ok, but CommentList <-- problem here SectionsContainer Montage AgreementContentWidget: <AgreementContentWidget agreement_id={85} /> Anforderungen der widget geladen Vereinbarung 85. var AgreementContentWidget = React.createClass({ getInitialState: function()
6
Antworten
Ich habe soeben eine App Reagieren mit create-react-app aquastars und dann werfen Sie die Abhängigkeiten mit yarn run eject und wenn ich die app starte, bekomme ich die folgende Fehlermeldung. Cannot find module '@babel/plugin-transform-react-jsx-source' Ich habe nichts
2
Antworten
Derzeit ein Upgrade von einem jquery /php-webapp zu reagieren. Alles geht gut und ich verstehe die Konzepte, die hinter reagieren etc. Die einzige Frage, die ich nicht finden können, ein workaround ist, wie dynamisch hinzufügen /entfernen einer
1
Antworten
Möchte ich das Bild innerhalb des Containers vertical align in der Mitte. Ich habe versucht, unten, alle gescheitert: display:"inline-block", alignItems:"center", valign:"middle", verticalAlign:"middle", Mein code ist unten: <p style={{display:"inline-block", alignItems:"center", valign:"middle", verticalAlign:"middle", textAlign:"center", width: "100%", height: "100%" }}>
3
Antworten
ich bin mit diesem einfachen code, der in der gleichen index.android.js Datei: import React, { Component } from 'react'; import { AppRegistry, Text, View, Button } from 'react-native'; import {StackNavigator} from 'react-navigation'; //First Page class FirstPage extends
1
Antworten
Habe ich realisiert, dass meine ReactJS Anwendung mit reagieren-router keine externen links. Suchmaschinen erkennen nicht, dass die Website hat eine Menge von verknüpften Inhalten. Prerender.io scheint wie eine gute Lösung, aber ich kann es nicht arbeiten für
1
Antworten
Ich bin gerade erst mit react.js und erstellen-reagieren-app-Anwendung, so entschuldigen Sie mich, wenn dies eine offensichtliche Frage. Meinen " src " Ordner-Struktur ist wie folgt: scr/ ....components/ ........ComponentA.jsx ........Componentb.jsx ....styles/ ........ComponentA.css ....App.css ....App.js ....App.test.js ....index.css ....index.js ...OTHER
1
Antworten
Will ich senden element den index auf, klicken in der Funktion. Da sollte ich die Daten ändern, die für jedes element und bekommen es aus dem array. Wie bekomme ich die Schlüssel in MainBlock aus List? Ist
2
Antworten
Ich zusammengestellt haben, meine reagieren-app mit react-scripts build Und es erzeugte ein build\ - Ordner in das root-Verzeichnis der App. Bei mir läuft der build\ Ordner mit sudo serve -T -p 443 build/ Diese läuft, Reagieren meine
1
Antworten
Ich habe eine funktionierende web-app-serviert von nginx mit cherrypy in der backend-und ReactJS für das front-end. Die app wuchs, so dass ich Sie benutzen will reagieren-router und sorgen Sie für schnellen Zugriff auf Seiten mit URLs. Zum
2
Antworten
Ich versuche, ein einfaches dropdown mit dropdown-Elemente wie Kontrollkästchen Eingänge. Derzeit habe ich dieses : import React, { Component } from 'react' export default class Sort extends Component { constructor() { super() this.state= { expanded : false}
2
Antworten
Habe ich diesen code, wo ich versuche gerade die Anzeige der Json-Daten, aber es gibt undefined var dataW = [ { empAverage:3, reviewerAverage:4, stdAverageOfTask:1 } ] var ReviewCalculator = React.createClass({ getInitialState: function() { return {data: dataW}; },
1
Antworten
Ich freue mich auf die redux-blog-Beispiel. Es ist SignupRoute.js die wie folgt aussieht: @connect(state => ({ auth: state.auth }), { signup }) export default class SignupRoute extends React.Component { static contextTypes = { router: React.PropTypes.object } handleSubmit
1
Antworten
Ich habe da ein komisches Problem. Wenn ich rufe "UserShowStatsSuggestions" von dieser Klasse: var UserShowStatsPanelBody = React.createClass({ getInitialState: function() { return {data: }; }, componentDidMount: function() { //Get the show var showUrl = "/api/v1/show/" + this.props.showStats.show +
2
Antworten
Bin ich dabei 2 grundlegende ajax-Aufrufe zu 2 verschiedene apis in einer meiner ReactJs Komponenten. Obwohl, beim laufen die call (urls weiß ich für bestimmte arbeiten und die Rückgabe von Daten), ich erhalten: Uncaught TypeError: Cannot read
1
Antworten
Habe ich eine einfache Aufgabe, die ich versuche zu erreichen: das Feuer eine Funktion, wenn ein radio-button aktiviert ist zwischen seiner Gruppe. class App extends Component { onButtonClick() { console.log('something was clicked!') } return ( <div> <button