Tag: reactjs

Cómo comprobar si hay imágenes rotas en React JS

Estoy escribiendo un módulo que toma datos del artículo de json y muestra una imagen grande sobre el texto del artículo, un módulo de héroe como dicen. Tengo los datos y los he configurado para que si hay una imagen, mostrará esa imagen y si no hay imagen en los datos, mostrará una imagen predeterminada. […]

React-Router solo un niño

Sigo recibiendo el error: Un ‘Router’ puede tener solo un elemento hijo cuando se utiliza react-router. Parece que no entiendo por qué esto no funciona, ya que es exactamente como el código que muestran en su ejemplo: https://reacttraining.com/react-router/web/guides/quick-start Aquí está mi código: import React from ‘react’; import Editorstore from ‘./Editorstore’; import App from ‘./components/editor/App’; import […]

“Ha superado su cuota de solicitud para esta API” en el Mapa de Google

Actualmente estoy usando react-google-map para hacer que Google Map se ejecute en mi proyecto React, aquí está mi componente de Map: import React from ‘react’ import { compose, withProps, lifecycle } from ‘recompose’ import { withScriptjs, withGoogleMap, GoogleMap } from ‘react-google-maps’ import MapStyle from ‘../../../api/mapStyle’ const Map = ({ children }) => { return ( […]

agregue HTML sin procesar con dentro de la página Gatsby React

Estoy intentando agregar un código de inserción externo a mi página de Gatsby. Actualmente uso import React from ‘react’ import Link from ‘gatsby-link’ let test =” (function(d, s) { var useSSL = ‘https:’ == document.location.protocol; var js, where = d.getElementsByTagName(s)[0], js = d.createElement(s); js.src = (useSSL ? ‘https:’ : ‘http:’) + ‘//www.peopleperhour.com/hire/1002307300/1213788.js?width=300&height=135&orientation=vertical&theme=light&rnd=’+parseInt(Math.random()*10000, 10); try { […]

La salida del paquete web es un objeto vacío

Quiero crear una biblioteca de componentes de reacción como un módulo de nodo para luego importarla a diferentes proyectos. Pero si bash importar un componente, simplemente devuelve un objeto vacío. button.jsx: import React, {Component} from ‘react’ export class Button extends Component { render() { return Hello Button comp } } export default Button index.js var […]

Servir pdf estático con el cargador de archivos webpack reactjsr

Estoy sirviendo algunos archivos estáticos como imágenes y fonts, sin ningún problema. Cuando bash hacer lo mismo con un archivo PDF, aparece un error. ERROR en ./src/views/default/components/Footer.js c: \ Resurs \ repos \ Frontend \ src \ views \ default \ components \ Footer.js 5:17 error Errores de análisis en el módulo importado ‘src / […]

¿Cómo utilizar la verificación en contexto exprés de PayPal con ReactJS?

Estoy siguiendo este tutorial de PayPal sobre cómo generar un botón de PayPal, pero nada funciona. El código que proporciona para hacer que el botón aparezca misteriosamente funcionó solo una vez para mí, pero después de una actualización, desaparece y no hay Cristo para hacerlo aparecer de nuevo. Este es el código que se ejecuta […]

enlace de reacción frente a una etiqueta y función de flecha

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, […]

¿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 […]

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