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.

20
Paketsignaturen stimmen nicht mit der zuvor installierten Version überein
Dies ist mein Projekt: https://github.com/kenpeter/my_hak_news , eine direkte Kopie von https://github.com/grigio/HAgnostic-News . Git-Klon https://github.com/kenpeter/my_hak_news , dann ausführenreact-native run-android Habe diesen Fehler bekommen: * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously installed version; …
3
componentDidMount wird BEFORE ref callback aufgerufen
Problem Ich setze eine Reaktion refmit einer Inline-Funktionsdefinition render = () => { return ( <div className="drawer" ref={drawer => this.drawerRef = drawer}> dann wird im componentDidMountDOM keine Referenz gesetzt componentDidMount = () => { // this.drawerRef is not defined Meines refWissens nach sollte der Rückruf während des Mount ausgeführt werden. …
16
Wie wird die Flatlist neu gerendert?
Im Gegensatz zu ListView können wir this.state.datasource aktualisieren. Gibt es eine Methode oder ein Beispiel, um FlatList zu aktualisieren oder neu zu rendern? Mein Ziel ist es, den Textwert zu aktualisieren, wenn der Benutzer die Taste drückt ... renderEntries({ item, index }) { return( <TouchableHighlight onPress={()=> this.setState({value: this.state.data[index].value+1})> <Text>{this.state.data[index].value}</Text> </TouchableHighlight> …
4
Fügen Sie in React dynamisch untergeordnete Komponenten hinzu
Mein Ziel ist es, Komponenten dynamisch zu einer Seite / übergeordneten Komponente hinzuzufügen. Ich habe mit einer grundlegenden Beispielvorlage wie dieser begonnen: main.js: var App = require('./App.js'); var SampleComponent = require('./SampleComponent.js'); ReactDOM.render(<App/>, document.body); ReactDOM.render(<SampleComponent name="SomeName"/>, document.getElementById('myId')); App.js: var App = React.createClass({ render: function() { return ( <div> <h1>App main component! …
9
Große Listenleistung mit React
Ich bin dabei, eine filterbare Liste mit React zu implementieren. Die Struktur der Liste ist wie in der Abbildung unten dargestellt. PRÄMISSE Hier ist eine Beschreibung, wie es funktionieren soll: Der Status befindet sich in der Komponente der höchsten Ebene, der SearchKomponente. Der Zustand wird wie folgt beschrieben: { sichtbar: …
6
ESLint with React gibt "no-unused-vars" -Fehler aus
Ich habe eslint& eingerichtet eslint-plugin-react. Wenn ich ESLint ausführe, gibt der Linter no-unused-varsFehler für jede React-Komponente zurück. Ich gehe davon aus, dass nicht erkannt wird, dass ich JSX- oder React-Syntax verwende. Irgendwelche Ideen? Beispiel: app.js. import React, { Component } from 'react'; import Header from './header.js'; export default class App …
13
So legen Sie einen Standardwert in React-Select fest
Ich habe ein Problem mit React-Select. Ich verwende die Redux-Form und habe meine React-Select-Komponente mit der Redux-Form kompatibel gemacht. Hier ist der Code: const MySelect = props => ( <Select {...props} value={props.input.value} onChange={value => props.input.onChange(value)} onBlur={() => props.input.onBlur(props.input.value)} options={props.options} placeholder={props.placeholder} selectedValue={props.selectedValue} /> ); und hier wie ich es rendere: <div …
9
Wie schalte ich den booleschen Zustand der Reaktionskomponente um?
Ich möchte wissen, wie man einen booleschen Zustand einer Reaktionskomponente umschaltet. Zum Beispiel: Ich habe eine boolesche Statusprüfung im Konstruktor meiner Komponente: constructor(props, context) { super(props, context); this.state = { check: false }; }; Ich versuche, den Status jedes Mal umzuschalten, wenn auf mein Kontrollkästchen geklickt wird. Verwenden Sie dazu …
5
'Symbol' ist im IE nach Verwendung von babel undefiniert
Ich habe eine reactjsApp, die mit ES6-Standards geschrieben wurde, und ich verwende sie webpack, um sie zu erstellen. Das webpacklädt die jsModule mit babel-loader. Um genau zu sein, verwende ich die folgenden Versionen von Paketen: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 Nach dem Erstellen gibt der IE 10 …
6
ReactJS-Renderzeichenfolge mit nicht unterbrechenden Leerzeichen
Ich habe einige Requisiten mit einer Zeichenfolge, die Zeichen wie & enthalten kann. Es enthält auch Leerzeichen. Ich möchte alle Leerzeichen durch ersetzen  . Gibt es eine einfache Möglichkeit, dies zu tun? Denken Sie daran, dass ich nicht einfach mit dieser Syntax rendern kann: <div dangerouslySetInnerHTML={{__html: myValue}} /> weil ich …
85 html  reactjs 
1
Warten ist ein reservierter Wortfehler innerhalb der asynchronen Funktion
Ich habe Probleme, das Problem mit der folgenden Syntax herauszufinden: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) { dispatch({ type: EMAIL_FETCHING, payload: false }); throw new Error(error); } …
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.