Ich würde gerne wissen, ob es einen besseren Weg gibt, eine Requisite bedingt zu übergeben, als eine if-Anweisung zu verwenden. Zum Beispiel habe ich gerade: var parent = React.createClass({ propTypes: { editable: React.PropTypes.bool.isRequired, editableOpts: React.PropTypes.shape({...}) },...
Facebook nutzen React. Auf einer Einstellungsseite habe ich eine mehrzeilige Seite, textareain die ein Benutzer mehrzeiligen Text eingeben kann (in meinem Fall eine Adresse). <textarea value={address} /> Wenn ich versuche, die Adresse anzuzeigen, werden {address}die Zeilenumbrüche nicht...
Ich habe Probleme, die Ansicht zu ändern, wenn ich auf das Routing reagiere. Ich möchte nur eine Liste der Benutzer anzeigen, und durch Klicken auf jeden Benutzer sollte zu einer Detailseite navigiert werden. Hier ist der Router: import React from "react"; import ReactDOM from
Ich versuche, eine Redux-Anwendung zu starten, die ich gerade aus einem GitHub-Repository geklont habe. Ich habe versucht, es mit dem folgenden Befehl auszuführen npm start Ich erhalte diesen Fehler > [email protected] start /home/workspace/assignment > webpack-dev-server --config...
Ich versuche ein Projekt mit Webpack zu erstellen und mit dieser Webpack-Konfiguration zu reagieren: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/main.less', './app/main.js',
Ich bin ein bisschen neu in React und versuche, einen Klassennamen als String + Prop festzulegen. Aber ich bin mir nicht sicher, wie ich es machen soll und ob das die beste Vorgehensweise ist. Ich versuche also Folgendes zu tun, und es funktioniert offensichtlich nicht: <a
Ich werde mit der Verwendung von Angular reagieren und versuche, eine gute Reaktionsalternative zur ng-if-Direktive von Angular zu finden, bei der ich ein Element basierend auf einer Bedingung rendere oder nicht rendere. Nehmen Sie zum Beispiel diesen Code. Ich benutze übrigens Typoskript (tsx),...
Im Gegensatz zu Webstorm kann ich JSX-Code in .jsDateien im Visual Studio-Code nicht auskommentieren .
Ich bin neu bei ReactJS. Zuvor habe ich jQuery verwendet, um alle benötigten Animationen oder Funktionen festzulegen. Aber jetzt versuche ich, ReactJS zu verwenden und die Verwendung von jQuery zu minimieren. Mein Fall ist: Ich versuche mit ReactJS ein Akkordeon zu bauen. <div class="accor">...
Ich habe den nächsten Code, eslint throw: React / Prop-Typen onClickOut; fehlt in der Requisitenvalidierung reagieren / Requisitentypen Kinder; fehlt in der Requisitenvalidierung propTypes wurde definiert, aber eslint erkennt es nicht. import React, { Component, PropTypes } from...
Ich habe mit create-react-appcli eine neue Reaktionsanwendung erstellt . Dann habe ich die 'react-redux'Bibliothek mit hinzugefügt npm install --save react-redux. In habe package.jsonich: "react-redux": "^4.4.5" Leider wird die App nicht kompiliert und beschwert sich bei: Error in...
Wenn ich mir dieses Beispiel für React Router Dom v4 ansehe, https://reacttraining.com/react-router/web/example/auth-workflow , sehe ich, dass die PrivateRoute- Komponente eine Rest-Requisite wie diese zerstört const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest}...
Ich migriere ein React with TypeScript-Projekt, um Hooks-Funktionen (React v16.7.0-alpha) zu verwenden, kann jedoch nicht herausfinden, wie die Typisierungen der zerstörten Elemente festgelegt werden. Hier ist ein Beispiel: interface IUser { name: string; } ... const [user, setUser] =...
Die Reaktionsmethode zum Festlegen, welche Option für ein Auswahlfeld ausgewählt wird, besteht darin, eine spezielle valueRequisite für sich <select>selbst festzulegen, die dem valueAttribut für das <option>Element entspricht, das Sie auswählen möchten. Für eine multipleAuswahl kann...
Soweit ich weiß <Route path="/" component={App} />, gibt Will AppRouting-bezogene Requisiten wie locationund params. Wenn meine AppKomponente viele verschachtelte untergeordnete Komponenten enthält, wie kann ich der untergeordneten Komponente Zugriff auf diese Requisiten gewähren, ohne:...
Ich habe die Dokumentation gelesen, aber den Unterschied zwischen hydrate()und render()in React 16 nicht wirklich verstanden . Ich weiß, hydrate()wird verwendet, um SSR und clientseitiges Rendering zu kombinieren. Kann jemand erklären, was feuchtigkeitsspendend ist und was dann der Unterschied...
In React JSX scheint es nicht möglich zu sein, Folgendes zu tun: render: function() { return ( <{this.props.component.slug} className='text'> {this.props.component.value} </{this.props.component.slug}> ); } Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie...
Ich habe mit Hilfe von SocketIO ein kleines ReactJS-Dashboard für Live-Updates erstellt. Obwohl das Dashboard aktualisiert wird, stört es mich, dass ich nicht ganz sicher bin, ob ich es richtig gemacht habe. Was mich am meisten nervt, sind die Requisiten in getInitialState als Anti-Pattern-...
Ich gestalte eine ImageKomponente mit Flexbox so, dass sie sich in der Mitte des Bildschirms befindet, was ziemlich gut funktioniert. Jetzt möchte ich, dass eine zweite ImageKomponente direkt über der ersten angezeigt wird. Das zweite Bild verwendet die absolute Positionierung. Momentan rate ich...
Ich habe eine React-Komponente und möchte meine JSON-Daten aus einer Datei laden. Das Konsolenprotokoll funktioniert derzeit nicht, obwohl ich die Variable erstelle Daten als globale Daten 'use strict'; var React = require('react/addons'); // load in JSON data from file var data; var oReq = new...