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 ...
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 ...
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" ...
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.
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 ...
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 ...
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 ...
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-...
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 ...
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 ...
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 ...
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] = ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ? &...
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:...
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
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
react-navigation × 60react-native × 46
reactjs × 37
javascript × 16
react-hooks × 7
react-router-dom × 4
expo × 4
android × 3
navigation-drawer × 3
typescript × 2
react-redux × 2
stack × 2
programación-reactiva × 2
css3 × 1
npm × 1
axios × 1
test × 1
programación-móvil × 1
ecmascript-6 × 1
autenticación × 1
graphql × 1
alertdialog × 1
pruebas-unitarias × 1
enlace × 1
jsx × 1