Als «reactjs» getaggte Fragen

React (auch bekannt als React.js oder ReactJS) ist eine von Facebook entwickelte JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. Es verwendet ein deklaratives, komponentenbasiertes Paradigma und soll sowohl effizient als auch flexibel sein.

3
React.js: Eine Komponente in eine andere einwickeln
Viele Vorlagensprachen haben "Slots" - oder "Yield" -Anweisungen, die eine Art Umkehrung der Steuerung ermöglichen, um eine Vorlage in eine andere zu verpacken. Angular hat die Option "transclude" . Rails hat eine Ertragserklärung . Wenn React.js eine Ertragsangabe hätte, würde dies folgendermaßen aussehen: var Wrapper = React.createClass({ render: function() { …
13
ReactJS - Wie verwende ich Kommentare?
Wie kann ich Kommentare innerhalb der renderMethode in einer React-Komponente verwenden? Ich habe die folgende Komponente: 'use strict'; var React = require('react'), Button = require('./button'), UnorderedList = require('./unordered-list'); class Dropdown extends React.Component{ constructor(props) { super(props); } handleClick() { alert('I am click here'); } render() { return ( <div className="dropdown"> // …
10
Aktualisieren des Status bei Änderung der Requisiten in der Reaktionsform
Ich habe Probleme mit einem Reaktionsformular und der ordnungsgemäßen Verwaltung des Status. Ich habe ein Zeit-Eingabefeld in einem Formular (in einem Modal). Der Anfangswert wird als Statusvariable in festgelegt getInitialStateund von einer übergeordneten Komponente übergeben. Dies an sich funktioniert gut. Das Problem tritt auf, wenn ich den Standardwert start_time über …
183 reactjs 
19
Wie scrolle ich zu einem Element?
Ich habe ein Chat-Widget, das bei jedem Bildlauf eine Reihe von Nachrichten abruft. Das Problem, mit dem ich jetzt konfrontiert bin, ist, dass der Schieberegler beim Laden von Nachrichten oben fixiert bleibt. Ich möchte, dass es sich auf das letzte Indexelement aus dem vorherigen Array konzentriert. Ich habe herausgefunden, dass …
8
React Router v4 - Wie erhalte ich die aktuelle Route?
Ich möchte ein titlein anzeigen<AppBar /> , das irgendwie von der aktuellen Route übergeben wurde. Wie kann in React Router v4 <AppBar />die aktuelle Route an die titleRequisite übergeben werden? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' component={Customers} /> </main> …
18
Inline-CSS-Stile in React: Wie implementiere ich einen: Hover?
Ich mag das Inline-CSS-Muster in React sehr und habe beschlossen, es zu verwenden. Sie können jedoch keine :hoverund ähnliche Selektoren verwenden. Was ist der beste Weg, um Highlight-on-Hover bei Verwendung von Inline-CSS-Stilen zu implementieren? Ein Vorschlag von #reactjs ist, eine ClickableKomponente zu haben und sie wie folgt zu verwenden: <Clickable> …
178 reactjs 
9
Beim Ausführen meiner React-App auf einem Webpack-Entwicklungsserver in Cloud9.io wird die Meldung "Ungültiger Host-Header" angezeigt
Ich verwende als Umgebung eine Cloud9.io-Ubuntu-VM-Online-IDE und habe mich durch die Fehlerbehebung darauf reduziert, die App nur mit dem Webpack-Entwicklungsserver auszuführen. Ich starte es mit: webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP ist eine Variable mit der Hostadresse. $ PORT hat die Portnummer. Ich werde angewiesen, diese …
11
Dienste in der React-Anwendung haben
Ich komme aus der eckigen Welt, in der ich Logik zu einem Service / einer Fabrik extrahieren und sie in meinen Controllern verbrauchen könnte. Ich versuche zu verstehen, wie ich dasselbe in einer React-Anwendung erreichen kann. Angenommen, ich habe eine Komponente, die die Passworteingabe des Benutzers überprüft (deren Stärke). Die …
6
Wie füge ich Schriftarten zu Projekten hinzu, die auf Apps basieren?
Ich benutze die Create-React-App und ziehe es vor, dies nicht zu tun eject. Es ist nicht klar, wohin über @ font-face importierte und lokal geladene Schriftarten gehen sollen. Ich lade nämlich @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Irgendwelche Vorschläge? …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.