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...
Der Titel sagt alles. Ich verstehe, warum dies componentDidMountfür alles geeignet ist, was DOM-Zugriff erfordert, aber eine AJAX-Anfrage benötigt dies nicht unbedingt oder normalerweise. Was
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"...
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...
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"...
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...
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...
Wie verwende ich PropTypes ohne Verwendung einer Klasse in einer funktionalen zustandslosen Komponente von reag? export const Header = (props) => (
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:...
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 ?...
Hier ist mein Formular und die onClick-Methode. Ich möchte diese Methode ausführen, wenn die Eingabetaste der Tastatur gedrückt wird. Wie ? NB: Keine Anfrage wird geschätzt. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value,...
Unter Berücksichtigung dieses Codes: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position}...
Mein Team und ich haben Finanzmittel erhalten, um mit der Entwicklung einer Webanwendung auf Unternehmensebene zu beginnen (wir werden nicht näher auf deren Funktionsweise eingehen). Die Anwendung wird viele separate Webseiten haben, aber zwei dieser Seiten sind fokussierter und sehr schwer -...
Ich habe eine React-Komponente und innerhalb der renderMethode der Komponente habe ich ungefähr Folgendes: render() { return ( <div> <div> // removed for brevity </div> { switch(...) {} } <div> // removed for brevity </div> </div> ); } Jetzt geht es darum, dass...
Ich habe gerade angefangen, die Create-React-App mit Typoskript zu verwenden create-react-app my-app --scripts-version=react-scripts-ts und die Standardkonfiguration tslint.json erlaubt console.log () nicht. Wie kann ich (vorerst) console.log aktivieren? Die Dokumente hierzu finden Sie unter...
Ich bin neu in der Programmierung, was es für mich etwas schwierig macht, Dinge zu verstehen, wenn ich die offiziellen Dokumente lese. Ich habe von hier aus über React Router 4 gelesen In diesem Artikel sprach der Autor über <HashRouter>und<BrowserRouter> Das hat er erwähnt...
Ich habe gerade die Hooks-Dokumentation durchgesehen, als ich darauf gestoßen bin useRef. Schauen Sie sich ihr Beispiel an… function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element...
Ich bin neu bei react.js. Ich habe eine Komponente implementiert, in der ich die Daten vom Server abrufe und wie folgt verwende: CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) {...
PropTypes und Flow decken ähnliche Dinge ab, verwenden jedoch unterschiedliche Ansätze. PropTypes kann Sie zur Laufzeit warnen. Dies kann hilfreich sein, um fehlerhafte Antworten von einem Server usw. schnell zu finden. Flow scheint jedoch die Zukunft zu sein und ist mit Konzepten wie Generika eine...
Ich bin noch ziemlich neu bei React, aber ich habe mich langsam weiterentwickelt und bin auf etwas gestoßen, an dem ich festgefahren bin. Ich versuche, eine "Timer" -Komponente in React zu erstellen, und um ehrlich zu sein, weiß ich nicht, ob ich das richtig (oder effizient) mache. In meinem Code...