Ich sehe das. Es ist kein Rätsel, worüber es sich beschwert: Warning: validateDOMnesting(...): <div> cannot appear as a descendant of <p>. See ... SomeComponent > p > ... > SomeOtherComponent > ReactTooltip > div. Ich bin der Autor von SomeComponentund...
Ich möchte React verwenden, um Komponenten im gesamten DOM mehrmals hinzuzufügen. Diese Geige zeigt, was ich tun möchte, und wirft keine Fehler. Hier ist der Code: HTML: <div id="container"> <!-- This element's contents will be replaced with the first component. --> </div> <div...
Ich habe eine einfache React-Komponente, die ich verbinde (Zuordnung eines einfachen Arrays / Status über). Um nicht auf den Kontext für das Geschäft zu verweisen, möchte ich eine Möglichkeit haben, den "Versand" direkt von den Requisiten zu erhalten. Ich habe andere gesehen, die diesen Ansatz...
Während ich webpack.config.js so schreibe module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Und in index.jsximportiere ich ein reactModulApp...
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 2 Jahren . Verbessere diese Frage...
Gibt es eine Möglichkeit, die Laufzeitversion von React im Browser zu
Ich habe manchmal Leute gesehen , die ihre Komponenten eingewickelt haben, withRouterwenn sie sie exportierten: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Wofür ist das und wann soll ich es
Ich habe das i18nÜbersetzungsobjekt einmal in einer Komponente initialisiert (erste Komponente, die in der App geladen wird). In allen anderen Komponenten ist dasselbe Objekt erforderlich. Ich möchte es nicht in jeder Komponente neu initialisieren. Wie ist der Weg herum? Es hilft nicht, es für den...
Betrachtet man unten das Hakenbeispiel import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button>...
Ich verwende Axios während der Programmierung in ReactJS und gebe vor, eine DELETE-Anfrage an meinen Server zu senden. Dazu brauche ich die Header: headers: { 'Authorization': ... } und der Körper besteht aus var payload = { "username": .. } Ich habe in den Interwebs gesucht und nur...
Ich rendere eine Liste von Beiträgen. Für jeden Beitrag möchte ich ein Ankertag mit der Beitrags-ID als Teil der href-Zeichenfolge rendern. render: function(){ return ( <ul> { this.props.posts.map(function(post){ return <li key={post.id}><a
Ich habe einen Reduzierer für Clients, einen anderen für AppToolbar und einige andere ... Nehmen wir nun an, ich habe eine Abrufaktion zum Löschen des Clients erstellt. Wenn dies fehlschlägt, befindet sich im Clients-Reduzierer Code, der einige Aufgaben ausführen sollte, aber ich möchte auch einen...
Ich habe ein Problem, bei dem das erneute Rendern des Status Probleme mit der Benutzeroberfläche verursacht, und es wurde vorgeschlagen, nur einen bestimmten Wert in meinem Reduzierer zu aktualisieren, um das erneute Rendern auf einer Seite zu reduzieren. Dies ist ein Beispiel für meinen...
Ich muss einige Nebenwirkungen anwenden und möchte wissen, wie ich sie organisieren kann: als Single UseEffect oder mehrere useEffects Was ist besser in Bezug auf Leistung und Architektur?
Was macht der npm run ejectBefehl? Ich verstehe, was andere Befehle wie Starten, Erstellen, Testen tun. Aber keine Ahnung vom
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...
Hier ist meine Situation: on this.handleFormSubmit () Ich führe this.setState () aus In this.handleFormSubmit () rufe ich this.findRoutes () auf. - was vom erfolgreichen Abschluss von this.setState () abhängt this.setState (); wird nicht abgeschlossen, bevor this.findRoutes aufgerufen wird...
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
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...
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