Programmierung reactjs

5

Ich bin neu bei ReactJS. Zuvor habe ich jQuery verwendet, um alle benötigten Animationen oder Funktionen festzulegen. Aber jetzt versuche ich, ReactJS zu verwenden und die Verwendung von jQuery zu minimieren. Mein Fall ist: Ich versuche mit ReactJS ein Akkordeon zu bauen. <div class="accor"> <div class="head">Head 1</div> <div class="body hide">Body …

80 javascript jquery reactjs

6

Reagieren Sie auf eslint Fehler, der bei der Requisitenvalidierung fehlt

Ich habe den nächsten Code, eslint throw: React / Prop-Typen onClickOut; fehlt in der Requisitenvalidierung reagieren / Requisitentypen Kinder; fehlt in der Requisitenvalidierung propTypes wurde definiert, aber eslint erkennt es nicht. import React, { Component, PropTypes } from 'react'; class IxClickOut extends Component { static propTypes = { children: PropTypes.any, …

80 javascript reactjs eslint flowtype

4

Legen Sie Typen auf useState React Hook mit TypeScript fest

Ich migriere ein React with TypeScript-Projekt, um Hooks-Funktionen (React v16.7.0-alpha) zu verwenden, kann jedoch nicht herausfinden, wie die Typisierungen der zerstörten Elemente festgelegt werden. Hier ist ein Beispiel: interface IUser { name: string; } ... const [user, setUser] = useState({name: 'Jon'}); Ich möchte erzwingen, dass die userVariable vom Typ ist …

80 reactjs typescript react-hooks

16

Wie kann man JSX-Code in .js-Dateien in VSCode auskommentieren?

Im Gegensatz zu Webstorm kann ich JSX-Code in .jsDateien im Visual Studio-Code nicht auskommentieren .

80 reactjs react-native visual-studio-code jsx

13

Was ist das Äquivalent zu ng-if in react.js?

Ich werde mit der Verwendung von Angular reagieren und versuche, eine gute Reaktionsalternative zur ng-if-Direktive von Angular zu finden, bei der ich ein Element basierend auf einer Bedingung rendere oder nicht rendere. Nehmen Sie zum Beispiel diesen Code. Ich benutze übrigens Typoskript (tsx), aber das sollte nicht viel ausmachen. "use …

80 reactjs

9

Abrufen des Werts von <Auswahl> mit mehreren Optionen in Reagieren

Die Reaktionsmethode zum Festlegen, welche Option für ein Auswahlfeld ausgewählt wird, besteht darin, eine spezielle valueRequisite für sich <select>selbst festzulegen, die dem valueAttribut für das <option>Element entspricht, das Sie auswählen möchten. Für eine multipleAuswahl kann diese Requisite stattdessen ein Array akzeptieren. Nun , da dies ein spezielles Attribut ist, ich …

79 javascript dom reactjs

6

Was ist der Unterschied zwischen Hydrat () und Render () in Reaktion 16?

Ich habe die Dokumentation gelesen, aber den Unterschied zwischen hydrate()und render()in React 16 nicht wirklich verstanden . Ich weiß, hydrate()wird verwendet, um SSR und clientseitiges Rendering zu kombinieren. Kann jemand erklären, was feuchtigkeitsspendend ist und was dann der Unterschied in ReactDOM ist?

79 javascript reactjs react-dom react-fiber

2

React-Router erhält this.props.location in untergeordneten Komponenten

Soweit ich weiß <Route path="/" component={App} />, gibt Will AppRouting-bezogene Requisiten wie locationund params. Wenn meine AppKomponente viele verschachtelte untergeordnete Komponenten enthält, wie kann ich der untergeordneten Komponente Zugriff auf diese Requisiten gewähren, ohne: Requisiten aus App übergeben mit Fensterobjekt Erstellen von Routen für verschachtelte untergeordnete Komponenten Ich dachte, ich …

79 javascript reactjs react-router

5

Dynamisches Rendern einer React-Komponente

In React JSX scheint es nicht möglich zu sein, Folgendes zu tun: render: function() { return ( <{this.props.component.slug} className='text'> {this.props.component.value} </{this.props.component.slug}> ); } Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet Ich erhalte einen Analysefehler: Unerwartetes Token {. Kann React damit nicht umgehen? Ich entwerfe diese Komponente so, dass …

78 javascript reactjs

1

ReactJS: Warum ist das Übergeben des Komponenten-Anfangszustands als Requisite ein Anti-Muster?

Ich habe mit Hilfe von SocketIO ein kleines ReactJS-Dashboard für Live-Updates erstellt. Obwohl das Dashboard aktualisiert wird, stört es mich, dass ich nicht ganz sicher bin, ob ich es richtig gemacht habe. Was mich am meisten nervt, sind die Requisiten in getInitialState als Anti-Pattern- Post. Ich habe ein Dashboard erstellt, …

78 reactjs

8

Laden von JSON-Daten aus der lokalen Datei in React JS

Ich habe eine React-Komponente und möchte meine JSON-Daten aus einer Datei laden. Das Konsolenprotokoll funktioniert derzeit nicht, obwohl ich die Variable erstelle Daten als globale Daten 'use strict'; var React = require('react/addons'); // load in JSON data from file var data; var oReq = new XMLHttpRequest(); oReq.onload = reqListener; oReq.open("get", …

78 javascript ajax json xmlhttprequest reactjs

16

Automatische Vervollständigung von JSX oder HTML in Visual Studio Code

Gibt es eine Möglichkeit, Komponenten oder HTML-Vervollständigungen in Visual Studio Code zu verwenden? Weil es keine gute Idee ist, jeden Buchstaben manuell einzugeben, wenn wir Klassen wie Bootstrap usw. haben. Zum Beispiel Vervollständigung wie in Emmet:ul>li*2>a var React = require('react'); var Header = React.createClass({ render: function () { return ( …

78 reactjs autocomplete visual-studio-code jsx emmet

8

Fehler: Modul 'Style-Loader' kann nicht aufgelöst werden

Ich benutze Style-Loader mit Webpack und React Framework. Wenn ich Webpack im Terminal ausführe, erhalte Module not found: Error: Cannot resolve module 'style-loader'ich die Datei import.js, obwohl ich den Dateipfad korrekt angegeben habe. import '../css/style.css'; import React from 'react'; import ReactDOM from 'react-dom'; import jQuery from 'jquery'; import TopicsList from …

78 javascript reactjs webpack webpack-style-loader

5

Native reagieren: Die Position eines Elements ermitteln

Ich gestalte eine ImageKomponente mit Flexbox so, dass sie sich in der Mitte des Bildschirms befindet, was ziemlich gut funktioniert. Jetzt möchte ich, dass eine zweite ImageKomponente direkt über der ersten angezeigt wird. Das zweite Bild verwendet die absolute Positionierung. Momentan rate ich nur Pixel, damit sie passen, aber das …

78 javascript ios reactjs react-native

17

Hooks reagieren Fehler: Hooks können nur innerhalb des Körpers einer Funktionskomponente aufgerufen werden

Ich erhalte diesen Fehler, wenn ich den useStateHaken benutze . Ich habe dies in seiner Grundform und schaue in den Reaktionsdokumenten nach einer Referenz, erhalte aber immer noch diesen Fehler. Ich bin bereit für den Moment mit der Gesichtspalme ... export function Header() { const [count, setCount] = useState(0) return …

78 javascript reactjs react-hooks

Als «reactjs» getaggte Fragen