Quiero que mi aplicación ReactJS notifique a un usuario cuando navega fuera de una página específica. Específicamente, un mensaje emergente que le recuerda que debe realizar una acción: "Los cambios se guardan, pero aún no se publican. ¿Hacer eso ahora?" ¿Debo activar esto...
Aquí tienes un componente básico. Tanto el <ul>como <li>tienen funciones onClick. Solo quiero <li>que se dispare el onClick , no el <ul>. ¿Cómo puedo conseguir esto? He jugado con e.preventDefault (), e.stopPropagation (), sin éxito. class List extends React.Component {...
Nuestra aplicación utiliza el desplazamiento infinito para navegar por grandes listas de elementos heterogéneos. Hay algunas arrugas: Es común que nuestros usuarios tengan una lista de 10,000 elementos y necesiten desplazarse por más de 3000. Estos son elementos ricos, por lo que solo podemos...
Se supone que una de las mayores ventajas de React.js es la renderización del lado del servidor . El problema es que la función clave React.renderComponentToString()es síncrona, lo que hace que sea imposible cargar datos asincrónicos cuando la jerarquía de componentes se representa en el...
Entonces, normalmente para incluir la mayoría de mis íconos SVG que requieren un estilo simple, lo hago: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Ahora he estado jugando con ReactJS en los últimos tiempos la evaluación como un posible componente en mi nueva...
He estado jugando con React y tengo el siguiente componente de tiempo que solo se muestra Date.now()en la pantalla: import React, { Component } from 'react'; class TimeComponent extends Component { constructor(props){ super(props); this.state = { time: Date.now() }; } render(){ return(...
Sé que esta pregunta ya se ha hecho un par de veces, pero la mayoría de las veces, la solución es manejar esto en el padre, ya que el flujo de responsabilidad solo es descendente. Sin embargo, a veces, es necesario eliminar un componente de uno de sus métodos. Sé que no puedo modificar sus...
Acabo de comenzar a explorar React, agregando un componente con una función de renderizado simple: render() { return <div class="myApp"></div> } Cuando ejecuto la aplicación, aparece el siguiente error: Warning: Unknown DOM property class. Did you mean className? Puedo resolver...
Como estoy usando react-router para manejar mis rutas en una aplicación de reacción, tengo curiosidad por saber si hay una forma de redirigir a un recurso externo. Digamos que alguien golpea: example.com/privacy-policy Me gustaría redirigir
Hoy comencé a aprender ReactJS y después de una hora enfrenté el problema ... Quiero insertar un componente que tiene dos filas dentro de un div en la página. Un ejemplo simplificado de lo que estoy haciendo a continuación. Tengo un html: <html> .. <div
Estoy usando el mismo componente para tres rutas diferentes: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> ¿Hay alguna forma de combinarlo, para ser...
Usamos el paquete Backbone + ReactJS para crear una aplicación del lado del cliente. Confiando en gran medida en notorio valueLink, propagamos valores directamente al modelo a través de su propio contenedor que admite la interfaz ReactJS para el enlace bidireccional. Ahora nos enfrentamos al...
Estoy usando react y react-router para mi aplicación en el lado del cliente. Parece que no puedo averiguar cómo obtener los siguientes parámetros de consulta de una URL como: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Mis rutas se ven así (el camino está totalmente...
Estoy tratando de usar React.forwardRef, pero me tropiezo con cómo hacer que funcione en un componente basado en clases (no HOC). Los ejemplos de documentos usan elementos y componentes funcionales, incluso envolviendo clases en funciones para componentes de orden superior. Entonces, comenzando...
Al instalar 'react-native init AwesomeProject' obtengo este error cuando ejecuto react-native run-android: Could not determine java version from '11.0.1'. Un google rápido sugiere que necesito actualizar el distributionUrlen el contenedor de Gradle. Habiendo hecho esto, me encuentro con un nuevo...
Estoy viendo esto. No es un misterio de qué se queja: Warning: validateDOMnesting(...): <div> cannot appear as a descendant of <p>. See ... SomeComponent > p > ... > SomeOtherComponent > ReactTooltip > div. Soy el autor de SomeComponenty SomeOtherComponent. Pero este...
Tengo un problema al navegar a otra página, su posición permanecerá como la página anterior. Por lo que no se desplazará hacia la parte superior automáticamente. También intenté usar window.scrollTo(0, 0)en el enrutador onChange. También utilicé scrollBehavior para solucionar este problema, pero no...
En el tutorial de react.js vemos este uso de llaves dobles: <span dangerouslySetInnerHTML={{ __html: rawMarkup }} /> Y luego, en el segundo tutorial, "Pensando en reaccionar" : <span style={{ color: 'red' }}> {this.props.product.name} </span>; Sin embargo, la documentación...
Tengo un componente React, y dentro del rendermétodo del componente tengo algo como esto: render() { return ( <div> <div> // removed for brevity </div> { switch(...) {} } <div> // removed for brevity </div> </div> ); } Ahora el caso es que...
¿Debería usar alguna vez this.setState()al usar redux? ¿O debería estar siempre enviando acciones y confiando en los