Ich arbeite an einer React-Anwendung mit React-Router. Ich habe eine Projektseite mit einer URL wie folgt: myapplication.com/project/unique-project-id Wenn die Projektkomponente geladen wird, löse ich eine Datenanforderung für dieses Projekt aus dem Ereignis componentDidMount aus. Ich stoße jetzt...
Ich erstelle ein Formular in React Native und möchte, dass mein TextInputs 80% der Bildschirmbreite ausmacht. Mit HTML und normalem CSS wäre dies unkompliziert: input { display: block; width: 80%; margin: auto; } Außer dass React Native die displayEigenschaft, die prozentualen Breiten oder die...
Ich habe eine Komponente, die ich erstellt habe: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) {...
Ich habe eine App mit ReactNative sowohl für iOS als auch für Android mit einem erstellt ListView. Wenn Sie die Listenansicht mit einer gültigen Datenquelle füllen, wird am unteren Bildschirmrand die folgende Warnung angezeigt: Warnung: Jedes Kind in einem Array oder Iterator sollte eine eindeutige...
Ich bin neu in der React.js-Bibliothek und habe einige der Tutorials durchgesehen und bin auf Folgendes gestoßen: this.setState this.replaceState Die Beschreibung ist nicht sehr klar (IMO). setState is done to 'set' the state of a value, even if its already set in the 'getInitialState'...
Ich verwende ReactJS und ein Teil meiner App erfordert hübsch gedrucktes JSON. Ich bekomme JSON wie: { "foo": 1, "bar": 2 }und wenn ich das JSON.stringify(obj, null, 4)in der Browserkonsole durchlaufe , wird es ziemlich gedruckt, aber wenn ich es in diesem Reaktionsschnipsel verwende: render:...
Hier ist mein aktueller Workflow zum Importieren von Bildern und Symbolen in Webpack über ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Das wird schnell...
Ohne Parameter function clickMe(e){ //e is the event } <button onClick={this.clickMe}></button> Mit Parameter function clickMe(parameter){ //how to get the "e" ? } <button onClick={() => this.clickMe(someparameter)}></button> Ich möchte das bekommen event. Wie...
Ich habe ein Objekt, das ich über REACT ausgeben möchte question = { text: "Is this a good question?", answers: [ "Yes", "No", "I don't know" ] } und meine Reaktionskomponente (abgeschnitten) ist eine andere Komponente class QuestionSet extends Component { render(){ <div...
Wie können Sie in InctJS entweder ein Schwebeereignis oder ein aktives Ereignis erzielen, wenn Sie Inline-Styling durchführen? Ich habe festgestellt, dass der Ansatz onMouseEnter, onMouseLeave fehlerhaft ist, und hoffe, dass es einen anderen Weg gibt, dies zu tun. Insbesondere wenn Sie sehr...
Ich habe bereits ECMAScript 6- und ECMAScript 7-Funktionen (dank Babel) in meinen Anwendungen verwendet - sowohl für Mobilgeräte als auch für das Internet. Der erste Schritt war offensichtlich die ECMAScript 6-Ebene. Ich habe viele asynchrone Muster gelernt, die Versprechen (die wirklich...
Ist es möglich zu erkennen, ob die aktuelle Version von React zur Laufzeit entwickelt oder produziert wird? Ich möchte so etwas machen: if (React.isDevelopment) { // Development thing } else { // Real thing }
Ich verwende das & nbsp-Tag in jsx und es rendert den Speicherplatz nicht. Das Folgende ist ein kleiner Ausschnitt meines Codes. Bitte helfen Sie. var Reporting=React.createClass({ render: function(){ return( <div style={divPositionReporting}> <p>Pricing Reports</p>...
Bevor ich diese Frage gestellt habe, habe ich versucht, in sqa stackexchange zu suchen, aber ich habe dort keinen Beitrag über flach und rendern gefunden, also hoffe ich, dass mir hier jemand helfen kann. Wann sollte ich beim Testen flache und rendernde Reaktionskomponenten verwenden? Basierend auf...
Ich möchte eine CSS-Datei in eine Reaktionskomponente importieren. Ich habe es versucht, import disabledLink from "../../../public/styles/disabledLink";aber ich erhalte den folgenden Fehler. Modul nicht gefunden: Fehler: 'Datei' oder 'Verzeichnis' kann nicht aufgelöst werden
Ich hatte eine Website mit React.js und Webpack erstellt . Ich möchte Google-Schriftarten auf der Webseite verwenden, daher habe ich den Link in den Abschnitt eingefügt. Google Fonts <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> Und CSS...
Ich versuche herauszufinden, wie eine aktive Klasse umgeschaltet werden kann onClick, um die CSS-Eigenschaften zu ändern. Ich habe viele Ansätze gewählt und viele SO-Antworten gelesen. Mit jquery wäre es relativ einfach, aber ich kann nicht herausfinden, wie man das mit reagieren macht. Mein...
Ich kann nicht glauben, dass ich eine offensichtliche Frage stelle, aber ich erhalte immer noch den Fehler im Konsolenprotokoll. Die Konsole sagt, dass das Modul nicht im Verzeichnis gefunden werden kann, aber ich habe mindestens 10 Mal nach Tippfehlern gesucht. Wie auch immer, hier ist der...
Ich habe ein Kontrollkästchen TSX (JSX) -Element: <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> Mit Hilfe von VS-Code weiß ich, dass der Eingabeparametertyp der this.handleCheckboxClickist MouseEvent<HTMLInputElement>. Also habe ich es implementiert...
Ich habe eine Komponentenbibliothek, in der ich Unit-Tests für die Verwendung von Jest und React-Testing-Library schreibe. Basierend auf bestimmten Requisiten oder Ereignissen möchte ich überprüfen, ob bestimmte Elemente nicht gerendert werden. getByText, getByTestIdUsw. throw und Fehler in ,...