Skip to main content

Respuestas populares con la etiqueta

4 votos
Aceptado

¿Qué sucede si cambio las extensiones de mis archivos en mi proyecto de Js a Jsx?

No es necesario que los archivos tengan .jsx como extensión. De hecho, el equipo de React decidió utilizar extensión de archivos .js como predeterminada. Es por esto que cuando inicializamos un nuevo ...
Avatar del usuario Juan Marco
2 votos

React Router no funciona en producción

Buen día, no sé si esto vaya a ayudar pero siempre es recomendable poner la ruta "/" al final a menos que uses " exat path='/' ". Recordemos que el enrutador devuelve el componente devuelto por el ...
Avatar del usuario Darwin97VA
2 votos

Primera vez uso React no me carga en el navegardor la página No sale error a priori

Que versión de react-router-dom estas utilizando ? Supongo que lo has instalado no? Si tienes la versión 6, en vez de component debes poner element Tal que así. <Route path="/login" ...
Avatar del usuario Fernando Iam
2 votos
Aceptado

¿Como saber en que ruta estoy con react-navigation en react-native?

Muy fácil, con esta línea: this.props.navigate.state.key Te devolverá un string con el nombre de la ruta actual.
Avatar del usuario David Cantón
1 voto

React-Native no puedo navegar a través de Navigator

Hay fallos de implementación del createBottomStackNavigator, te recomiendo que inicialmente declares una versión minimalista de tu idea de navigation y luego ya le das forma. Tienes que seguir el ...
Avatar del usuario ferter3006
  • 1,042
1 voto
Aceptado

React - Enviar datos por post a una API mediante fetch y obtener el resultado

De como usar useState Se puede pensar en react state como una caja negra que persiste cambios de variables de estado. Esta entidad caja, esta en otro espacio de memoria, pero el componente se comunica ...
Avatar del usuario g.4
  • 3,549
1 voto
Aceptado

Mostrar/ocultar boton de tarjeta en react native

conditionally es un objeto { isDeletable: true } puedes cambiar estructura de esto conditionally: { isDeletable: true } a esto conditionally: true o bien en el render solo añades la llave que te ...
Avatar del usuario Saul Moreyra
1 voto

React Native con React Navigation error nanoid

Yo lo hice así y me funciona. LIBRERIA PARA NAVEGAR ENTRE PAGINAS: npm install @react-navigation/native expo install react-native-gesture-handler react-native-reanimated react-native-screens react-...
Avatar del usuario Juan Enrique García Sancho
1 voto
Aceptado

React JS - Pasar props de un navlink a un componente

acabo de probar el código y debería funcionar, si haces la configuración adecuada. Generé el siguiente codesandbox: funcionando https://codesandbox.io/s/rough-tree-9iooj Toma en cuenta que debes tener ...
Avatar del usuario joseglego
  • 516
1 voto
Aceptado

React fetch de una URL y pintar los datos

a) donde actualmente tengo la constante termino = 13 , como recoger dicho valor de la URL? o debo pasarlo del componente anterior "grid" a este y recogerlo? Suponiendo que el componente ...
Avatar del usuario g.4
  • 3,549
1 voto
Aceptado

React - Componente para mostrar productos como hacer columnas

Según la documentación de Bootstrap, el sistema de columnas se corresponde de la siguiente forma: <div class="row"> <div class="col-sm">col-sm</div> <div ...
Avatar del usuario Sergio Garrido Domínguez
1 voto
Aceptado

¿Cómo puedo evitar el Alert si ya guardé los cambios?, utilizando navigation.addListener('beforeRemove'

Se me ocurre lo siguiente import React, { useState } from 'react'; //... const EditTextScreen = ({ navigation }) => { const [text, setText] = useState(''); const [editing, setEditing] = ...
Avatar del usuario Esteban Cabrera
1 voto
Aceptado

Como cargar información al inicializar aplicación con react y hoocks?

Creo que es importante que entiendas bien el ciclo de vida de React, y en especial el hook useEffect, que es clave para lo que te está pasando. No veo que esté usando useEffect (aunque lo tienes ...
Avatar del usuario Kiko_L
  • 6,555
1 voto
Aceptado

Como puedo actualizar mis datos al regresar a la pantalla anterior en react native?

No sé, si esta es la forma correcta de hacer lo que preguntas, pero yo lo pude solucionar de esta manera, básicamente tengo una aplicación en react native con dos pantallas inicio que lista las tareas ...
Avatar del usuario sergioriverafl
1 voto

¿Cómo combinar un TopTabNavigator y BottomTabNavigator Expo React Native?

Hola he hecho este ejemplo como guia para tu solucion, lo que debes hacer es a lo que tu tienes, que lleva al componente home, renderizar los BottomTabs que al mismo tiempo dentro de esos componentes ...
Avatar del usuario fabrixo96
  • 216
1 voto
Aceptado

Pasar de una página a otra en ReactJS sin usar React Router

Si ya tienes instalado el paquete react-router-dom en tu proyecto, simplemente utiliza el HOC withRouter sobre el componente que necesites hacer el cambio de página. Con esto tendrás acceso al ...
Avatar del usuario Gabri
  • 166
1 voto
Aceptado

React - recoger datos de url?

No queda muy clara tu pregunta, no puede obtener un parametro desde el navegador? Si quieres obtener un id desde la url, tienes que especificar que esperas un parametro en el Route, asi: <Route ...
Avatar del usuario Isaac
  • 1,103
1 voto

montar icono en react native Material Top Tab Navigator

En la documentación sobre 'createMaterialTopTabNavigator' puede leer lo siguiente: tabBarOptions - An object with the following properties: ... showIcon - Whether to show icon for tab, default is ...
Avatar del usuario Jose Velasco
1 voto

Pantalla en blanco React Navigation

no es recomendable que uses condiciones ternarias dentro del JSX, yo te recomiendo que hagas una funcion y la llames desde el render(), por ejemplo: obtenerRutas = () => ( this.props.usuario ? &...
Avatar del usuario Yasser Batas
1 voto

react-native-navigation no funciona cuando dentengo el sever

Cuando corres la aplicacion con react-native run-(os) la es el servidor quien procesa la aplicacion desde un puerto en tu computadora, para que corra sin el servidor tienes que hacer un build:...
Avatar del usuario Luis Suarez
1 voto

react-native-navigation no funciona cuando dentengo el sever

Eso ocurre porque el server es el encargado de ejecutar tu aplicación, al matar el server estas matando la aplicacion
Avatar del usuario AlbanoRap
1 voto

trabajar con props y estados react native

Tienes varias formas de hacerlo, una de ellas es utilizar Redux, que te permite tener estados globales y poder acceder a ellos desde cualquier punto de tu aplicación. Otra y en este caso la más ...
Avatar del usuario Gusy
  • 11
1 voto
Aceptado

¿Como mostrar un icono de carga mientras se carga otra vista en react-native?

con el código que has compartido no puedo ofrecerte una respuesta orientada a tu proyecto, pero en resumen lo que tienes que hacer es lo siguiente: En el constructor de la vista destino, tienes que ...
Avatar del usuario David Cantón

Only top scored, non community-wiki answers of a minimum length are eligible