Programmierung reactjs

10

const rootEl = document.getElementById('root'); ReactDOM.render( <BrowserRouter> <Switch> <Route exact path="/"> <MasterPage /> </Route> <Route exact path="/details/:id" > <DetailsPage /> </Route> </Switch> </BrowserRouter>, rootEl ); Ich versuche, auf die ID in der DetailsPage-Komponente zuzugreifen, aber es ist nicht zugänglich. Ich habe es versucht <DetailsPage foo={this.props}/> Parameter an die DetailsPage zu übergeben, …

74 reactjs react-router

9

React-Native Button-Stil funktioniert nicht

Import_this import {AppRegistry, Text, View, Button, StyleSheet} from 'react-native'; Dies ist mein React Button Code Aber Stil funktioniert nicht Hase ... <Button onPress={this.onPress.bind(this)} title={"Go Back"} style={{color: 'red', marginTop: 10, padding: 10}} /> Auch ich wurde von diesem Code versucht <Button containerStyle={{padding:10, height:45, overflow:'hidden', borderRadius:4, backgroundColor: 'white'}} style={{fontSize: 20, color: 'green'}} …

74 reactjs react-native jsx react-native-button

11

Unterschied zwischen Reaktionskomponente und Reaktionselement

Was ist der Unterschied zwischen Reaktionskomponente und Reaktionselement? Die Dokumentation erwähnt beide, geht aber nicht ins Detail. Einige Methoden erfordern Komponenten, andere Elemente ...

74 javascript reactjs

12

Der React Router funktioniert nicht im aws s3 Bucket

Ich habe meinen React- build/Websiteordner in einem AWS S3-Bucket bereitgestellt . Wenn ich zu gehe www.mywebsite.com, funktioniert es und wenn ich auf aTag klicke, um zu den Seiten Projekt und Info zu gelangen, werde ich zur richtigen Seite weitergeleitet. Wenn ich jedoch die Seiten-URL kopiere und sende oder direkt zu …

74 javascript reactjs amazon-web-services amazon-s3

1

Wie gehe ich von jQuery zu React.js? [geschlossen]

Geschlossen . Diese Frage muss fokussierter sein . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so, dass sie sich nur auf ein Problem konzentriert, indem Sie diesen Beitrag bearbeiten . Geschlossen vor 6 Jahren . Verbessere diese Frage Ich habe jetzt seit ein …

73 javascript jquery reactjs

9

Mokka-Test fehlgeschlagen aufgrund von CSS im Webpack

Ich bin neu in Mocha und versuche damit eine einfache React-Komponente zu testen. Der Test wird bestanden, wenn die Reaktionskomponente kein CSS-Design hat, aber einen Syntaxfehler auslöst, wenn das Tag in der Reaktionskomponente einen Klassennamen enthält: Testing.react.js import React from 'react'; export default class Testing extends React.Component { render() { …

73 unit-testing reactjs mocha webpack webpack-dev-server

2

Rendern Reagieren Sie Komponenten mit Versprechungen innerhalb der Rendermethode

Ich habe eine Komponente, die eine Sammlung von Elementen als Requisiten erhält und mapsie zu einer Sammlung von Komponenten zusammenfügt, die als untergeordnete Elemente einer übergeordneten Komponente gerendert werden. Wir verwenden Bilder, die WebSQLals Byte-Arrays gespeichert sind . Innerhalb der mapFunktion erhalte ich eine Bild-ID vom Element und rufe das …

73 javascript reactjs q

8

So ermitteln Sie die Breite eines Reaktionselements

Ich versuche, eine Bereichseingabe zu erstellen, die einen Tooltip direkt über dem Schieberegler-Daumen anzeigt. Ich habe einige Vanilla JS-Beispiele online durchgesehen und es scheint, dass ich die Breite des Elements haben muss, um dies zu erreichen. Also habe ich mich nur gefragt, wie ich die Breite der Elemente bekomme? Ziemlich …

73 reactjs

5

Wie schleife ich ein Objekt in React?

Neu in React und der Versuch, Objektattribute zu schleifen, aber React beschwert sich darüber, dass Objekte nicht gültig sind. React-Kinder. Kann mir bitte jemand einen Rat geben, wie dieses Problem behoben werden kann? Ich habe createFragment hinzugefügt, bin mir aber nicht ganz sicher, wohin das führen soll oder welchen Ansatz …

73 javascript reactjs

8

Mit benutzerdefinierten PUBLIC_URL kann kein Create-React-App-Projekt erstellt werden

Ich versuche PUBLIC_URL=http://example.com npm run build mit einem Projekt, das mit dem neuesten Skript zum Erstellen und Reagieren erstellt wurde. Die Vorkommen von %PUBLIC_URL%in public/index.htmlwerden jedoch durch eine leere Zeichenfolge ersetzt, nicht durch den erwarteten Wert PUBLIC_URL. public/index.html enthält Code wie <script src="%PUBLIC_URL%/static/js/jarvis.widget.min.js"></script> Stundenlanges Durchsuchen des Internets und Stapelüberlauf zeigen, …

73 javascript reactjs create-react-app

2

Was macht registerServiceWorker in React JS?

Ich bin ein Neuling in React und habe mich gefragt, wozu registerServiceWorker () im folgenden Code dient. import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import registerServiceWorker from './registerServiceWorker'; ReactDOM.render(<App />, document.getElementById('root')); registerServiceWorker();

73 javascript reactjs service-worker react-dom

4

Wie setze ich Build-ENV-Variablen, wenn ich ein Build-React-App-Build-Skript ausführe?

Ich verwende die folgende Umgebungsvariable in meiner Create-React-App: console.log(process.env.REACT_APP_API_URL) // http://localhost:5555 Es funktioniert, wenn ich npm starteine .envDatei lese : REACT_APP_API_URL=http://localhost:5555 Wie setze ich einen anderen Wert wie http://localhost:1234beim Ausführen von a npm run build? Das ist meine package.jsonDatei: { "name": "webapp", "version": "0.1.0", "private": true, "devDependencies": { "react-scripts": "0.9.0" …

73 reactjs webpack frontend create-react-app react-scripts

10

Wie aktiviere ich das Hochladen von Dateien auf der einfachen Material-Benutzeroberfläche von React?

Ich erstelle ein einfaches Formular zum Hochladen einer Datei mit einem Elektronenreaktions-Boilerplate mit Redux-Formular und Material-Benutzeroberfläche. Das Problem ist, dass ich nicht weiß, wie man ein Eingabedateifeld erstellt, da die Material-Benutzeroberfläche die Eingabe von Upload-Dateien nicht unterstützt. Irgendwelche Ideen, wie dies erreicht werden kann?

73 reactjs electron react-redux redux-form formsy-material-ui

4

React.js - Wie übergebe ich ein Eigenschaftenobjekt an eine untergeordnete Komponente?

Ich habe eine Komponente namens tileGroup, die eine Eigenschaft hat, die eine Sammlung (Array) anderer Eigenschaften ist. Die übergeordnete Komponente ( tileGroup) rendert eine Liste der untergeordneten Komponenten, indem jeder Satz von Eigenschaften in der Auflistung zum Erstellen einer neuen Komponente verwendet wird. Im Moment ordne ich jede Eigenschaft aus …

72 javascript properties parent-child reactjs

9

React.js ES6 vermeidet es, 'this' an jede Methode zu binden

Vor kurzem habe ich angefangen, an React.js zu basteln, und ich liebe es. Ich habe mit dem regulären ES5 angefangen, um den Überblick zu behalten, sind die Dokumente alle in ES5 geschrieben ... Aber jetzt wollte ich ES6 ausprobieren, weil es glänzend und neu ist und einige Dinge zu vereinfachen …

72 javascript reactjs ecmascript-6 es2015

Als «reactjs» getaggte Fragen