Tag: reagiert

Wie kann ich die Berührung mehrerer Tasten gleichzeitig in der Reaktion nativ machen?

Ich brauche das, wenn ich anfasse und einen Knopf hielt, dann sollte ich auch in der Lage sein, den Knopf zu berühren 1. <View> <View onStartShouldSetResponder={()=>this.console("Button 2 Clicked")}> <Text>BUTTON 2</Text> </View> <TouchableOpacity onPressIn={()=>this.console('Button 1 pressed')} onPressOut={()=>this.console('Button 1 released')}> <View> <Text>BUTTON 1</Text> </View> </TouchableOpacity> </View> Grundsätzlich habe ich einen Bildschirm, wo ich ein Video aufnehmen kann, […]

Kann jemand mich wissen lassen, warum bekomme ich diesen Fehler?

Ich ReactJS gerade an, ReactJS mit NodeJS zu lernen und zu versuchen, eine Anwendung durch NPM aber genau richtig am Anfang NodeJS ich den folgenden Fehler wie: You MUST specify an outfile with -o. Mein Startbefehl: watchify src/main.jsx -v -t [ babelify –presets [ react ]] -o public/js/main.js Ganzer Fehler: C:\Users\Umair Shah Yousafzai\react-skeleton>npm start > […]

Uncaught TypeError: Kann die Eigenschaft 'state' von undefined nicht lesen

Ich versuche, von React.createClass zu React.Component zu wechseln. Aber ich komme unter fehler Uncaught TypeError: Kann die Eigenschaft 'state' von undefined nicht lesen Kannst du mir sagen, wie man es repariert Bereitstellung meiner Code unten. Ich googeln für ethe rror aber nicht in der Lage, es zu finden class Accordion extends React.Component {

Klicken Sie auf <div> to focus <input> (React)

Ich weiß, wie man das mit Jquery macht. Aber ich stecke mit React: Wie würde ich ein Eingabefeld fokussieren, wann immer der Benutzer auf ein div klickt?

Einfaches Breadcrum-Logo in jsx reagiert Bindung

{breadcrumbs.map((obj,i) => <p> {i} > 1 ? "<span className="seperator">|</span>" : <span className="bold">{obj}</span> </p> )} Ich möchte Brotkrumen aus einem Array machen, aber es geschafft, über Code zu verwenden. breadcrumbs ist nur ein Array ['Bücher', 'Javascript'] und meine erwartete Ausgabe wird sein Bücher -> Javascript und so weiter, sollte es funktionieren, wenn ich mehr als 2 […]

Dynamische Variable auf setState funktioniert nicht für umschalten

Ich habe diese Funktion toggleDropdown = (name) => { this.setState({ [`open${name}`]: !this.state[`${name}`] }) } Ich benutze es auf mehrere verschiedene Dropdown <div onClick={e=> toggleDropdown('Dropdown1')}</div> <div onClick={e=> toggleDropdown('Dropdown2')}</div> Irgendwie ist this.state.Dropdown1 oder this.state.Dropdown2 ist immer wahr, wenn ich auf die this.state.Dropdown1 this.state.Dropdown2 , wird es nicht umschalten, was ist das Problem?

Das Upgrade von Babel 5.8.35 auf 6.0.0 kompiliert app.js nicht mit einem SyntaxError und einem unerwarteten Token

Ich bin dabei, alle meine ReactJS Komponenten mit webpack zu webpack . In dem Prozess habe ich nicht in der Lage, von babel 5 auf 6 zu aktualisieren. Wenn ich so tue, bekomme ich die folgende Stack-Trace in meiner app.js Klasse. Dieser Code funktionierte gut mit: "babel-core": "^5.8.35", "babel-loader": "^5.3.3", Aber brach einmal ein Upgrade […]

Wie man Spalten in Tabelle sortierbar in beiden Möglichkeiten mit ReactJS

Ich baue eine einfache App in ReactJS, die mit einem JSON-Array arbeitet, indem sie eine bestimmte API aufruft. Ich mache dann die Ergebnisse des Arrays in einer Tabelle. Ich wollte nun die Säulen des Tisches sortieren. Was ich im Idealfall will, ist, sowohl aufsteigende als auch absteigende Sortierung zu haben. Sobald ich auf den Header […]

Unvergessen (in Versprechen) TypeError: Kann nicht die Eigenschaft 'handleClick' von undefined in forEach Loop lesen

Ich habe den folgenden Code Articles_list.jsx import React from 'react'; import './articles_list.css'; export default class ArticlesList extends React.Component { constructor(props) { super(props); this.state = { articles: null } } componentWillMount() { fetch('/articles_all') .then(res => res.json()) .then(json => { this.setState({ articles: json.articles }); }); } handleClick(e) { e.preventDefault(); // Do something else } render() { var […]

Sichere Art und Weise, um Benutzer weiterzuleiten, der nicht mit React angemeldet ist?

Ich vermute, ich könnte immer anmelden Login in WillTransitionTo die einen Anruf an den Laden über Redux zu überprüfen, um zu überprüfen, dass der Benutzer angemeldet ist, aber das scheint ein bisschen hacky, vor allem seit da muss ich WillTransitionTo() Logik zu jeder einzelnen Komponente hinzufügen. Wer hat noch bessere Ideen? Ich werde in Richtung […]

Lassen Sie uns Javascript Schönheit und nützlich machen.