Llamar a setState en un bucle solo actualiza el estado 1 vez

¿Hay alguna razón por la que llamar a setSate() en un bucle impida que se actualice el estado varias veces? Tengo un jsbin muy básico que resalta el problema que estoy viendo. Hay dos botones. Uno actualiza el contador del estado en 1. El otro llama a la función subyacente de Uno en un bucle, […]

Mapeo de múltiples ubicaciones con Google Maps JavaScript API v3 y Geocoding API

Estoy utilizando la API de JavaScript de Google Maps v3 para generar un mapa con múltiples ubicaciones / marcadores. Solo tengo la dirección de estas ubicaciones, no las coordenadas, así que estoy usando la API de geoencoding para obtener las coordenadas. Finalmente conseguí que la geoencoding de Google funcionara, por lo que los marcadores de […]

Ordenar una matriz basada en otra matriz de enteros

Digamos que tengo una matriz: [0,3,4,2,5,1] . Lo que quiero hacer es ordenar una matriz como: [“one”, “two”, “three”, “four”, “five”, “six”] De modo que el orden corresponda a la primera matriz. Esta sería la salida: [“one”, “four”, “five”, “three”, “six”, “two”] ¿Hay una manera fácil de lograr esto?

¿Cómo puedo hacer que los elementos React se repitan?

He escrito algún código para representar elementos repetidos en ReactJS, pero odio lo feo que es. render: function(){ var titles = this.props.titles.map(function(title) { return {title}; }); var rows = this.props.rows.map(function(row) { var cells = []; for (var i in row) { cells.push({row[i]}); } return {cells}; }); return ( {titles} {rows} ); } ¿Hay una mejor […]

jQuery: verifica si existe div con cierto nombre de clase

Usando jQuery estoy generando mediante progtwigción un montón de div ‘s así: Some Text1 Some Text2 En algún otro lugar de mi código necesito detectar si existen estos DIV. El nombre de la clase para los divs es el mismo pero el ID cambia para cada div. ¿Alguna idea de cómo detectarlos usando jQuery?

este operador en javascript

Supongamos que tengo código JavaScript como myClass = function(){ function doSomething(){ alert(this); // this1 } } alert(this); //this2 ¿A qué se refieren esos dos objetos ‘este‘?

¿Hay alguna analogía de una línea en ES6 para ES5 `module.exports = require (‘./ inner.js’)`?

// before module.exports = require(‘./inner.js’); // nowadays export default from ‘./inner.js’; Estoy tratando de hacer esto, pero Babel solo lo permite en es7 stage 1, ya que es una propuesta por ahora . Así que por ahora, me adhiero a estas dos líneas: import sticker from ‘./box-sticker.jsx’; export default sticker; ¿Puedo acortarlos a uno?

¿Cómo agrego 1 a un entero grande representado como una cadena en JavaScript?

¿Cómo agrego 1 a esta cadena en JavaScript? var message = “12345612345678901234567890”; Quiero la salida como esta: “12345612345678901234567891” Intenté esto: var message = “12345612345678901234567890”; message = parseInt(message); var result = message + 1; Pero parseInt devolvió un valor en notación científica como 1.234567896453e + 25.

Reactuar contexto vs React Redux, ¿cuándo debo usar cada uno?

React 16.3.0 fue lanzado y la API de contexto ya no es una característica experimental. Dan Abramov (el creador de Redux) escribió un buen comentario aquí sobre esto, pero fue 2 años cuando Context aún era una característica experimental. Mi pregunta es, en su opinión / experiencia, ¿cuándo debo usar React Context sobre React Redux […]

¿Cómo usar las fonts de Google en el canvas al dibujar objetos DOM en SVG?

Según la documentación de Mozilla, puede dibujar HTML complejo en Canvas como este . Lo que no puedo entender es una forma de hacer que las fonts de Google funcionen con él. Vea este ejemplo a continuación: var canvas = document.getElementById(‘canvas’); var ctx = canvas.getContext(‘2d’); var data = ” + ” + ” + ‘test’ […]

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.