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.

13
Wie legen Sie den Dokumenttitel in React fest?
Ich möchte den Dokumenttitel (in der Titelleiste des Browsers) für meine React-Anwendung festlegen. Ich habe versucht, den Titel des Reaktionsdokuments zu verwenden (scheint veraltet zu sein) und document.titledas constructorund componentDidMount()einzustellen - keine dieser Lösungen funktioniert.
104 javascript  reactjs  dom 
6
Wie stoppe ich / # / im Browser mit dem React-Router?
Gibt es eine Möglichkeit zu verhindern, dass /#/bei Verwendung des React-Routers in der Adressleiste des Browsers angezeigt wird? Das ist mit ReactJS. dh Klicken Sie auf Links, um zu einer neuen Route zu gelangen, localhost:3000/#/oder localhost:3000/#/about. Abhängig von der Route.
6
Warum sollten JSX-Requisiten keine Pfeilfunktionen verwenden oder binden?
Ich verwende mit meiner React-App Flusen und erhalte folgende Fehlermeldung: error JSX props should not use arrow functions react/jsx-no-bind Und hier führe ich die Pfeilfunktion (innen onClick) aus: {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox defaultChecked={tile.checked} onCheck={() => this.selectPicture(tile)} style={{position: 'absolute', zIndex: 99, padding: 5, backgroundColor: 'rgba(255, 255, 255, 0.72)'}} /> …
4
Webpack-Lader gegen Plugins; was ist der Unterschied?
Was ist der Unterschied zwischen Loadern und Plugins im Webpack? Die Dokumentation für Plugins sagt nur: Verwenden Sie Plugins, um Funktionen hinzuzufügen, die normalerweise mit Bundles im Webpack zusammenhängen. Ich weiß, dass babel einen Loader für jsx / es2015-Transformationen verwendet, aber es sieht so aus, als würden andere gängige Aufgaben …
9
Reagiere auf Hooks useState () mit Object
Was ist die richtige Methode zum Aktualisieren des Status, ist ein verschachteltes Objekt in Reagieren mit Hooks? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) Wie würde man verwenden , setExampleStateum Updates exampleStatezu a(ein …
1
React-Router: Was ist der Zweck von IndexRoute?
Ich verstehe nicht, wozu IndexRoute und IndexLink dienen . Es scheint, dass in jedem Fall der folgende Code zuerst die Home-Komponente ausgewählt hätte, es sei denn, der Info-Pfad wurde aktiviert. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about" component={About}/> </Route> vs. <Route path="/" component={App}> <Route path="home" component={Home}/> <Route path="about" component={About}/> </Route> …
4
Wie erzwinge ich die erneute Montage von React-Komponenten?
Nehmen wir an, ich habe eine Ansichtskomponente mit einem bedingten Rendering: render(){ if (this.state.employed) { return ( <div> <MyInput ref="job-title" name="job-title" /> </div> ); } else { return ( <div> <MyInput ref="unemployment-reason" name="unemployment-reason" /> <MyInput ref="unemployment-duration" name="unemployment-duration" /> </div> ); } } MyInput sieht ungefähr so ​​aus: class MyInput extends …
6
JSX ist in Dateien mit der Erweiterung '.js' mit eslint-config-airbnb nicht zulässig
Ich habe eslint-config-airbnb installiert, das ESLINT for React vorkonfigurieren soll: Unser Standardexport enthält alle unsere ESLint-Regeln, einschließlich ECMAScript 6+ und React. Es erfordert eslint, eslint-plugin-import, eslint-plugin-react und eslint-plugin-jsx-a11y. Meine .eslintrcErweiterung seiner Konfiguration: { "extends": "eslint-config-airbnb", "env": { "browser": true, "node": true, "mocha": true }, "rules": { "new-cap": [2, { "capIsNewExceptions": …
14
Rendern von Reaktionskomponenten mithilfe von Map und Join
Ich habe eine Komponente, die Array of String anzeigen wird. Der Code sieht so aus. React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) Es funktioniert einwandfrei. dh wenn props.data = ['tom', 'jason', 'chris'] Das gerenderte Ergebnis auf der Seite wäre tomjasonchris Dann möchte ich alle Namen mit Komma …
102 reactjs 
12
setState aktualisiert den Status nicht sofort
Ich möchte fragen, warum sich mein Status nicht ändert, wenn ich ein Onclick-Ereignis durchführe. Ich habe vor einiger Zeit gesucht, dass ich die onclick-Funktion im Konstruktor binden muss, aber der Status wird immer noch nicht aktualisiert. Hier ist mein Code: import React from 'react'; import Grid from 'react-bootstrap/lib/Grid'; import Row …
5
Wie kann man Komponenten mit makeStyles formatieren und trotzdem Lebenszyklusmethoden in der Material-Benutzeroberfläche verwenden?
Ich erhalte die folgende Fehlermeldung, wenn ich versuche, sie makeStyles()mit einer Komponente mit Lebenszyklusmethoden zu verwenden: Ungültiger Hook-Aufruf. Hooks können nur innerhalb des Körpers einer Funktionskomponente aufgerufen werden. Dies kann aus einem der folgenden Gründe geschehen: Möglicherweise stimmen Versionen von React und des Renderers nicht überein (z. B. React DOM). …
1
"This" ist innerhalb der Map-Funktion Reactjs undefiniert
Ich arbeite mit Reactjs und schreibe eine Menükomponente. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug}); } else if (item.type == 2) { url = …
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.