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.

5
Wie deaktiviere ich die ESLint React / Prop-Typ-Regel in einer Datei?
Ich benutze Reactund ESLintmit eslint-plugin-react. Ich möchte disabledie prop-typesRegel in einer Datei. var React = require('react'); var Model = require('./ComponentModel'); var Component = React.createClass({ /* eslint-disable react/prop-types */ propTypes: Model.propTypes, /* eslint-enable react/prop-types */ render: function () { return ( <div className="component"> {this.props.title} </div> ); } });
84 reactjs  eslint 
11
React-Router (v4) Wie gehe ich zurück?
Ich versuche herauszufinden, wie ich zur vorherigen Seite zurückkehren kann. ich benutze[react-router-v4][1] Dies ist der Code, den ich auf meiner ersten Zielseite konfiguriert habe: <Router> <div> <Link to="/"><div className="routerStyle"><Glyphicon glyph="home" /></div></Link> <Route exact path="/" component={Page1}/> <Route path="/Page2" component={Page2}/> <Route path="/Page3" component={Page3}/> </div> </Router> Um zu den folgenden Seiten weiterzuleiten, mache …
8
So deaktivieren Sie die Schaltfläche in React.js
Ich habe diese Komponente: import React from 'react'; export default class AddItem extends React.Component { add() { this.props.onButtonClick(this.input.value); this.input.value = ''; } render() { return ( <div className="add-item"> <input type="text" className="add-item__input" ref={(input) => this.input = input} placeholder={this.props.placeholder} /> <button disabled={!this.input.value} className="add-item__button" onClick={this.add.bind(this)}>Add</button> </div> ); } } Ich möchte, dass die …
8
Hinzufügen einer .env-Datei zu React Project
Ich versuche, meinen API-Schlüssel zu verbergen, wenn ich mich zu Github verpflichte, und habe das Forum nach Anleitungen durchsucht, insbesondere den folgenden Beitrag: Wie verstecke ich den API-Schlüssel in der Create-React-App? Ich habe die Änderungen vorgenommen und das Garn neu gestartet. Ich bin mir nicht sicher, was ich falsch mache …
9
So erhalten Sie die aktuelle Route in React-Router 2.0.0-rc5
Ich habe einen Router wie unten: <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="login" component={Login}/> </Route> </Router> Folgendes möchte ich erreichen: Leiten Sie den Benutzer zu weiter, /loginwenn er nicht angemeldet ist Wenn der Benutzer versucht hat, auf ihn zuzugreifen, /loginwenn er bereits angemeldet ist, leiten Sie ihn an …
4
Zielen Sie beim Schweben auf eine andere Komponente im Stil
Was ist der beste Weg, um mit Schwebeflügen in gestalteten Komponenten umzugehen? Ich habe ein Umhüllungselement, das beim Schweben einen Knopf anzeigt. Ich konnte einen Status für die Komponente implementieren und eine Eigenschaft beim Hover umschalten, fragte mich jedoch, ob es einen besseren Weg gibt, dies mit styled-cmponents zu tun. …
6
Simulieren Sie einen Schaltflächenklick in Jest
Das Simulieren eines Schaltflächenklicks scheint eine sehr einfache / Standardoperation zu sein. In Jest.js Tests kann ich es jedoch nicht zum Laufen bringen. Dies habe ich versucht (und auch mit jQuery), aber es schien nichts auszulösen: import { mount } from 'enzyme'; page = <MyCoolPage />; pageMounted = mount(page); const …
5
Hooks reagieren useEffect () bereinigen nur für componentWillUnmount?
Lassen Sie mich das Ergebnis dieses Codes erklären, damit ich mein Problem leicht stellen kann. const ForExample = () => { const [name, setName] = useState(''); const [username, setUsername] = useState(''); useEffect(() => { console.log('effect'); console.log({ name, username }); return () => { console.log('cleaned up'); console.log({ name, username }); }; …
4
Fenster nicht definiert Fehler bei Verwendung von Extract-Text-Webpack-Plugin React
Ich verwende Webpack, um meine Reaktionskomponenten zu erstellen, und ich versuche, extract-text-webpack-pluginmein CSS von meiner generierten JS-Datei zu trennen. Wenn ich jedoch versuche, die Komponente zu erstellen, wird der folgende Fehler angezeigt: Module build failed: ReferenceError: window is not defined . Meine Datei webpack.config.js sieht folgendermaßen aus: var webpack = …
82 reactjs  webpack 
4
Übergabe der Requisiten an die React-Redux-Containerkomponente
Ich habe eine React-Redux-Containerkomponente, die in einer React Native Navigator-Komponente erstellt wird. Ich möchte in der Lage sein, den Navigator als Requisite an diese Containerkomponente zu übergeben, damit er nach dem Drücken einer Schaltfläche in seiner Präsentationskomponente ein Objekt auf den Navigatorstapel schieben kann. Ich möchte dies tun, ohne den …
2
Reagiert auf asynchrones Rendern von Komponenten
Ich möchte meine Komponente rendern, nachdem meine Ajax-Anfrage abgeschlossen ist. Unten sehen Sie meinen Code var CategoriesSetup = React.createClass({ render: function(){ var rows = []; $.get('http://foobar.io/api/v1/listings/categories/').done(function (data) { $.each(data, function(index, element){ rows.push(<OptionRow obj={element} />); }); return (<Input type='select'>{rows}</Input>) }) } }); Aber ich bekomme den Fehler unten, weil ich Rendering …
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.