Articles of Javascript

Reactjs – Setting State von Requisiten mit setState in der untergeordneten Komponente

Ich habe die folgende class, die Benutzer basierend auf einem Sortier-Dropdown aufruft. Benutzer werden in alphabetischer Reihenfolge aufgeführt, wenn ich “alphabetisch” und in Gruppenreihenfolge wähle, wenn ich “Gruppe” wähle. render(){ return( const {members, sort} = this.state { sort === “alphabetical” && } { sort === “group” && } ) ) In der Komponente ich ein […]

Gruppen-Array von Objekten verschachtelt einige der Schlüssel mit bestimmten Namen

Ich habe dieses Array von Objekten, die ich modifizieren muss, um das Rendering zu vereinfachen. const items = [ { tab: ‘Results’, section: ‘2017’, title: ‘Full year Results’, description: ‘Something here’, }, { tab: ‘Results’, section: ‘2017’, title: ‘Half year Results’, description: ‘Something here’, }, { tab: ‘Reports’, section: ‘Marketing’, title: ‘First Report’, description: ‘Something […]

Pass Requisiten von Kind zu Eltern reagieren Navigation

Ich benutze react-navigation . Ich übertrage props von einer react-native component auf das modal aus der react-navigation die auf einen Tap geöffnet wird. export default class SomeComp extends Component { … render() { const { navigate } = this.props; return ( ) } } Innerhalb des goBack() ich auf die function goBack() , die das […]

Wörtliche Notation VS. Konstruktor zum Erstellen von Objekten in JavaScript

Ich lerne JavaScript von den Grundlagen (obwohl ich in anderen Sprachen wie C # programmiere). Es tauchte die Frage auf, welche dieser beiden Wege effizienter ist und als allgemeine Regel verwendet werden sollte. Ich bin sicher und erwarte keine definitive Antwort, aber ich würde gerne die allgemeinen Vor- und Nachteile kennen. Vielen Dank!!

Variable in JavaScript Callback-functionen erhält immer letzten Wert in Schleife?

Ich versuche folgendes zu tun: Ich habe eine Reihe von Bildern und wähle (Dropdown) HTML-Elemente, 30 von jedem. Ich versuche, AddEventListener in einer Schleife von 1 bis 30 zu verwenden, so dass, wenn ich den Wert der Auswahl ändern, das Bild src aktualisiert wird (und das Bild ändert). Die AddEventListener-function ist diese: function AddEventListener(element, eventType, […]

Wie kann ich eine Template-Zeichenfolge aus einer regulären Zeichenfolge erstellen?

Also ich habe diese string : var name = “Chaim”; var templateStr = “Hello, my name is ${name}”; Wie kann ich es in einen Template-String konvertieren, so dass das Ergebnis gleich wäre: var template = `Hello, my name is ${name}`; Gibt es eine Möglichkeit, ein Vorlagenliteral programmgesteuert zu erstellen?

Warum wird window.showModalDialog nicht weiter unterstützt? Was stattdessen zu verwenden?

Ich habe ein GreaseMonkey-Skript entwickelt, das window.showModalDialog . Aber bevor ich es fertig habe, habe ich entdeckt, dass Firefox 29 warnt: Die Verwendung von window.showModalDialog () ist veraltet. Verwenden Sie stattdessen window.open (). Für weitere Hilfe https://developer.mozilla.org/en-US/docs/Web/API/Window.open Das Problem ist jedoch, dass window.open die window.open UniversalBrowserWrite benötigt, um ein modales Fenster mit window.open zu öffnen. […]

Gibt es in ES6 eine Ein-Zeilen-Analogie für ES5 `module.exports = require (‘./ inner.js’)`?

// before module.exports = require(‘./inner.js’); // nowadays export default from ‘./inner.js’; Ich versuche das zu tun, aber babel erlaube es nur in es7 Stufe 1, wie es jetzt Vorschlag ist . Also, im Moment bleibe ich bei diesen zwei Zeilen: import sticker from ‘./box-sticker.jsx’; export default sticker; Kann ich sie auf einen reduzieren?

Trigger onmouseover-Ereignis programmgesteuert in JavaScript auslösen

Gibt es eine Möglichkeit programmgesteuert das Ereignis onmouseover in onmouseover JavaScript auszulösen? oder “extrahieren” Sie die Methode aus dem onmouseover Ereignis, um sie direkt aufzurufen? z.B top-div liegt über bottom-div, sodass der onmouseover nicht in bottom-div onmouseover wird. Ich brauche eine Möglichkeit, myFunction(‘some param specific to bottom-div’); von oben-div

Erweitern Sie das native JavaScript-Array

Gibt es eine Möglichkeit, eine class von JS native function zu erben? Zum Beispiel habe ich eine JS-function wie folgt: function Xarray() { Array.apply(this, arguments); //some stuff for insert, add and remove notification } Xarray.prototype = new Array(); Ich habe versucht, es in Typoskript zu konvertieren, aber ich scheiterte !! export class Xarray implements Array […]