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.

4
React-Router vs React-Router-Dom, wann den einen oder anderen verwenden?
Beide haben Route, Link usw. Wann soll man das eine oder das andere benutzen? Ich bin wirklich verwirrt, wo ich jeden verwenden soll. Serverseite? Kundenseite? https://reacttraining.com/react-router/ In einigen Beispielen müssen Sie den Verlauf übergeben, in anderen nicht. Was ist zu tun? <Router history={browserHistory}> vs. <Router> Es ist wirklich verwirrend, wann …
13
React lädt keine lokalen Bilder
Ich baue eine kleine Reaktions-App und meine lokalen Bilder werden nicht geladen. Bilder mögen placehold.it/200x200Lasten. Ich dachte, vielleicht könnte es etwas mit dem Server sein? Hier ist meine App.js. import React, { Component } from 'react'; class App extends Component { render() { return ( <div className="home-container"> <div className="home-content"> <div …
6
ReactJS state vs prop
Dies mag die Grenze zwischen verantwortungsbewusst und eigensinnig überschreiten, aber ich gehe hin und her, wie eine ReactJS-Komponente mit zunehmender Komplexität strukturiert werden kann und eine Richtung verwenden könnte. Aus AngularJS kommend möchte ich mein Modell als Eigenschaft an die Komponente übergeben und die Komponente das Modell direkt ändern lassen. …
121 reactjs 
2
Instanz v Zustandsvariablen in react.js
Ist es in react.js besser, eine Timeout-Referenz als Instanzvariable (this.timeout) oder als Statusvariable (this.state.timeout) zu speichern? React.createClass({ handleEnter: function () { // Open a new one after a delay var self = this; this.timeout = setTimeout(function () { self.openWidget(); }, DELAY); }, handleLeave: function () { // Clear the timeout …
21
React-Router gehen eine Seite zurück Wie konfigurieren Sie den Verlauf?
Kann mir bitte jemand sagen, wie ich zur vorherigen Seite zurückkehren kann, anstatt zu einer bestimmten Route? Bei Verwendung dieses Codes: var BackButton = React.createClass({ mixins: [Router.Navigation], render: function() { return ( <button className="button icon-left" onClick={this.navigateBack}> Back </button> ); }, navigateBack: function(){ this.goBack(); } }); Erhalten Sie diesen Fehler, goBack …
14
Wie implementiere ich authentifizierte Routen in React Router 4?
Ich habe versucht, authentifizierte Routen zu implementieren, aber festgestellt, dass React Router 4 dies jetzt verhindert: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route> <Route path="/domains" component={AuthenticatedWrapper}> <Route exact path="/domains" component={DomainsIndex} /> </Route> Der Fehler ist: Warnung: Sie sollten nicht <Route component>und <Route children>auf derselben …
11
Reagieren Sie auf nativen Text, der von meinem Bildschirm verschwindet, und weigern Sie sich, ihn zu umbrechen. Was ist zu tun?
Der folgende Code befindet sich in diesem Live-Beispiel Ich habe das folgende native Element reagieren: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} numberOfLines={5} > Here …
9
ReactJS - Höhe eines Elements ermitteln
Wie kann ich die Höhe eines Elements ermitteln, nachdem React dieses Element gerendert hat? HTML <div id="container"> <!-- This element's contents will be replaced with your component. --> <p> jnknwqkjnkj<br> jhiwhiw (this is 36px height) </p> </div> ReactJS var DivSize = React.createClass({ render: function() { let elHeight = document.getElementById('container').clientHeight return …
7
Wie kann ich den ReactJS-Entwicklungsmodus ein- und ausschalten?
Begann mit der Prop-Validierungsfunktion von ReactJS , die, wie in den Dokumenten angegeben, aus Leistungsgründen nur im Entwicklungsmodus funktioniert. React scheint die Eigenschaften einer bestimmten Komponente zu validieren, die ich kommentiert habe, aber ich kann mich nicht erinnern, den Entwicklungsmodus explizit aktiviert zu haben. Ich habe versucht zu suchen, wie …
120 reactjs 
11
Reagieren Sie auf den JS onClick-Ereignishandler
ich habe var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />, document.body); Ich möchte den Hintergrund des angeklickten Listenelements einfärben. Wie kann ich das in React machen? Etwas wie $('li').on('click', function(){ $(this).css({'background-color': '#ccc'}); });
2
Axios get in url funktioniert, aber mit dem zweiten Parameter als Objekt nicht
Ich versuche, eine GET-Anfrage als zweiten Parameter zu senden, aber es funktioniert nicht, solange es als URL funktioniert. Dies funktioniert, $ _GET ['naam'] gibt den Test zurück: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", …
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.