Preguntas con la etiqueta [jsx]

La etiqueta no tiene orientación de uso.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
0 respuestas
16 vistas

Cómo compilar correctamente Vite + React js?

Al ejecutar npm run build me compila solo lo que está dentro de public, y tengo entendido que el producto final es lo que se encuentra dentro de la carpeta dist. Por lo que a la hora de correr el ...
Avatar del usuario Victor
  • 56
0 votos
1 respuesta
6 vistas

Renderizar componente de Qwik de manera dinámica

Estoy agrupando varios componentes de la siguiente manera. import Top_v1 from "./v1/top"; import Top_v2 from "./v2/top"; export default { v1: Top_v1, v2: Top_v2, } La ...
Avatar del usuario David Jaramillo
0 votos
0 respuestas
33 vistas

¿Como puedo optimizar este observer para que me funcione con varios elementos en react JS?

hola estoy empezando a estudiar react y estoy en proceso de hacer un lazy load ya logre obtenr el efecto deseado pero quisiera saber como podria optimizar la funcion para que funciones con todos los ...
Avatar del usuario Alejandro Hernandez
2 votos
2 respuestas
68 vistas

¿Qué es lo que esta fallando en este codigo de jsx?

Estoy empezando a aprender react y recien me estoy metiendo a ese mundo y estuve intentando hacer algo bastante simple pero que no me sale, lo que quiero hacer es que se muestre en pantalla una ...
Avatar del usuario revolucion47
0 votos
0 respuestas
26 vistas

Problemas con mostrar datos en page con JSX la data no se muestra en la page correcta

Tengo dos pages en jsx en secciones distintas de un sitio pero cuando cargo data se carga en la primera page que encuentra no necesariamente en la que estoy. Por ejemplo tengo la page TaskInformation ...
Avatar del usuario newJSX
  • 1
0 votos
0 respuestas
31 vistas

Como controlar un fetch dentro de un map

bendiciones para todos. Hice un fetch dentro de un useEffect para consumir los nombres de los primeros 5 pokemones en un map(sin problemas), dentro de la data del fetch hay otra url para consumir la ...
Avatar del usuario Roger Salgado
0 votos
0 respuestas
52 vistas

¿Como puedo consumir una url encriptada en react?

se tiene la url encriptada, tengo la llave secreta pero cuando la abro en el navegador sale una codificacion enorme ese codigo esta encriptado y quiero desencriptarlo y mostrar la informacion en ...
Avatar del usuario Tec Info
0 votos
0 respuestas
298 vistas

Warning: Invalid DOM property `class`. Did you mean `className`? Como lo corrijo?

Dentro de la consola de google me salta ese error y no me deja depositar unos valores dentro de un array Es la primera vez que intento hacer una pagina web. Estaba siguiendo un video, soy muy ...
Avatar del usuario user318972
0 votos
0 respuestas
43 vistas

Línea 10: 'Footer' no está definido react/jsx-no-undef

No entiendo porque me dice que <Footer/? no esta definido? en estas lineas de codigo import React, { Component } from 'react'; import Navbar from '../../components/Navbar'; import ...
Avatar del usuario user317585
0 votos
1 respuesta
153 vistas

¿Cómo poner un borde a una ventana modal en ReactJS?

No sé cómo poner un borde de color a una ventana modal en un proyecto en ReactJS. <Dialog visible={asistenciaDialog} style={{ width: '1100px', height: '400px' }} modal className='p-fluid' onHide={...
Avatar del usuario Oscar Mangut
2 votos
1 respuesta
33 vistas

Duda con parámetros de props en componente: destructuring

Mi duda es la siguiente, estoy aprendiendo React y estoy en la parte de los componentes y pasando props a estos mismos, resulta que el primer ejemplo que realicé lo tengo de la siguiente forma. ...
Avatar del usuario Bastian Matteo
0 votos
1 respuesta
423 vistas

React no muestra nada

estoy aprendiendo con un proyento en ReactJS. el comando npm start ejecuta todo pero no renderiza nada, la pagina muestra solo el titulo de la pestaña (como si solo funciona el html y no reacciona el ...
Avatar del usuario Gianfranco
0 votos
1 respuesta
55 vistas

Obtener el valor ingresado dentro de un div

Tengo tres contenedores en los cuales estoy insertando botones con diferentes nombres, necesito obtener el nombre de cada boton insertado en cada contenedor y que todo este dentro de un array por ...
Avatar del usuario Ndmo
  • 119
2 votos
1 respuesta
472 vistas

Repetir componentes a renderizar según valor variable

Estoy avanzando en mi aprendizaje de React, y me he atascado en un renderizado Vale. Mi render se ejecuta bien con lo siguiente: root.render(<div className="creado"> &...
Avatar del usuario Paronirium
2 votos
0 respuestas
84 vistas

controlar el comportamiento innecesario REACT useState()

tengo 3 select en un componente de REACT, la cuales contienen las regiones, ciudad, y comuna de Chile. LO QUE TENGO HASTA EL MOMENTO Cuando carga la pagina hacer una consulta a la base de datos y me ...
Avatar del usuario David081
  • 1,156
1 voto
0 respuestas
675 vistas

¿Cómo hacer que las pantallas de React tomen toda la pantalla?

Estoy desarrollando una aplicación en React para un proyecto anual en la escuela, y llevo varios meses con muchos problemas, entre ellos la pantalla no ocupa todo el contenido. Lo que ocurre es que de ...
Avatar del usuario Lucas
  • 11
0 votos
1 respuesta
26 vistas

Como renderizo datos de un objeto de la API?

Estoy consultando una api que me devuelve y estoy renderizando los primeros datos de esta manera {!season[0]?.episodeOrder ? 'No episodes' : <p>Episodes: {season[0].episodeOrder}</p>} {!...
Avatar del usuario Wander Z
0 votos
0 respuestas
110 vistas

Obtener item aleatorio de una lista de objetos React

estoy practicando con React JS. Tengo una lista de objetos, quiero obtener un elemento aleatorio de la lista y mostrarlo por jsx. El tema es que obtengo el objecto aleatorio en la funcion GetObject, ...
Avatar del usuario Nam
  • 71
0 votos
0 respuestas
290 vistas

Renderizado condicional de imagenes React native

Hola que tal me encuentro haciendo un proyecto escolar con React Native, el propósito de esta app es mostrar varias imagenes dependiendo el caso. Digamos que tengo que renderizar una imágen por nivel (...
Avatar del usuario Jesus
  • 5
0 votos
1 respuesta
235 vistas

¿Cómo sumar todos los valores numéricos de varios objetos dentro de un array? JS

muy buenas tardes ¿Cómo están? Una consulta, estoy realizando una tarea y me surgió una duda ¿Es posible sumar todos los valores numéricos de varios objetos dentro de un array? Por ejemplo tengo dos ...
Avatar del usuario Jesus Viloria Paolini
0 votos
0 respuestas
86 vistas

No carga el React Suspense

Estoy intentando usar el componente que viene con react, lo estoy usando de forma que se llama una función Homee con los componentes que quiero cargar, pero nunca se muestra el componente de cargando ...
Avatar del usuario Camilo SW
0 votos
0 respuestas
58 vistas

no-unused-vars en react con componente importado y usado

estoy intentando crear una paginacion como parte de un proyecto, creo el componente, lo importo y uso con las propiedades y al intentar correr el Código me dice que esta definido pero no usado el ...
Avatar del usuario Epileptic_Experience
1 voto
1 respuesta
122 vistas

¿Como puedo imprimir mi búsqueda en React + Laravel?

quiero hacer un buscador de clientes por número de identificación, por ahora tengo que al momento de digitar el numero y hacer click en el boton me mande el n° de doc al backend en Laravel, logro que ...
Avatar del usuario Zetian
  • 13
1 voto
2 respuestas
229 vistas

Deshabilitar Button si se llega la ultimo elemento o item

Estimados estoy haciedo un next, back a unos tabs, todo bien solo nesecito poner en disabled el button de next cuando haya llegado al ultimo item de la lista, en el caso del primer item si logro que ...
Avatar del usuario Sixto Mujica
0 votos
1 respuesta
159 vistas

Tabla de horario

estoy intentando hacer una tabla de horarios, usando un array para que cree las filas de cada hora, pero no consigo que muestre el elemento de la array en la columna de la hora.
Avatar del usuario Marc
0 votos
1 respuesta
419 vistas

¿Como puedo resolver este problam en mi jsx?, "No puede aparecer como hija de <div>", <caption> cannot appear as a child of <div>

Tengo un proyecto en react y mi código funciona totalmente bien pero me salen estos errores en la consola. He intentando mover algunas etiquetas pero aun así me sigue saliendo los mismos errores, como ...
Avatar del usuario JoseMgz_Ux
0 votos
0 respuestas
105 vistas

¿De que manera puedo hacer que emmet me autocomplete métodos en archivos.jsx tal cual lo hace en archivos.js? OJO! métodos, no TAGS... Uso VSC

ya tengo hecha la config de la img y en efecto me autocompleta todo en jsx, pero no me autocompleta los métodos tal cual lo hace en js (map,filter,find, entre otros) https://prnt.sc/1x7jh34
Avatar del usuario Edar
  • 1
1 voto
1 respuesta
226 vistas

Mantener color en button

Busco hacer que quede asi (onClick y onMouseDown) se debe poder al hacer click y al manetener el click abajo el color lo obtengo de otro componente function GridPrint (props){ const grid = [1,2,3,4,...
Avatar del usuario ERHART
  • 15
1 voto
0 respuestas
68 vistas

Como usar los radio buttons en react boostrap

Como puedo hacer para que los radio buttons queden seleccionados dependiendo del click que se le de a cada botón. Porque cuando le doy click en alguno de los dos radio buttons no se quedan ...
Avatar del usuario Andres Mendez
0 votos
0 respuestas
30 vistas

¿Cómo fijar la posición de un <hr/> sin que un :hover lo desplace?

tengo el siguiente problema. Como pueden observar tengo el siguiente Menú lateral: Para que sea más bonito visualmente hice que las letras quedaran resaltadas cuando el ratón pasa sobre ellas y lo ...
Avatar del usuario BugsAreEverywhere
1 voto
1 respuesta
95 vistas

codigo javascript a JSX en GATSBY?

import React from 'react' import './index.css' export default function index() { return ( <div className="contenedor" onload="onLoad()" id="myDiv" style= {{...
Avatar del usuario lenguaestudiocreativo
0 votos
1 respuesta
947 vistas

Attempted import error: './App' does not contain a default export (imported as 'App'). No puedo resolver ese error

INDEX JS import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render(<App/>, document.getElementById("root")); APP JSX import React from '...
Avatar del usuario elias rivarola
1 voto
1 respuesta
681 vistas

¿Se podría añadir un favicon con react, de la pagina web, a un enlace proveniente de otra pagina/servidor?

No tengo mucha experiencia con react, y necesito saber si es posible agregar el favicon de mi pagina a un enlace proveniente del servidor, en el momento en que se redirige a él y se abre el archivo ...
Avatar del usuario Andrea Mendoza
3 votos
1 respuesta
535 vistas

Como limitar el numero de respuestas a 6 de una api ( usando react y axios )?

Estoy practicando ReactJS y quiero renderizar una lista de superheroes. En Javascript use un bucle for para que renderice hasta 6 templates con personajes de la api usando un Id en la URL, pero usando ...
Avatar del usuario Tina
  • 73
1 voto
1 respuesta
200 vistas

Fabricar etiquetas anidadas en React JS

Me gustaría saber como puedo realizar lo siguiente en React JS utilizando componentes JSX. Crear un componente que pueda recibir dentro otro componente, por ejemplo el componente padre y el componente ...
Avatar del usuario Johann Fehrmann
0 votos
0 respuestas
1k vistas

Material-UI, React, Cards del mismo tamaño

apenas estoy aprendiendo react y puede ser que por eso no tenga el conocimiento aun para hacer algo tan simple, y tengo la siguiente pagina, es un grid de material ui, con su card, se ve así: y ...
Avatar del usuario Edcr
  • 1
0 votos
1 respuesta
181 vistas

Error al ejecutar el comando npm start en React

Cuando ejecuto el codigo npm start para hacer que la app se inicie me da este error:
Avatar del usuario Luis Fernando Lopez Mendoza
1 voto
2 respuestas
4k vistas

Como mostrar 'algo' al hacer click en un boton con React

Quiero hacer que cuando le damos click al boton 'Haceme click' te muestre el titulo en este caso: Hola Mundo Pero no estaria mostrando nada y no entiendo por que. Solamente me funciona si retorno con ...
Avatar del usuario Ketzell
  • 339
0 votos
1 respuesta
136 vistas

Eliminar Recursivo

si tengo un arbol de esta forma: [ { id: 0, name: "dad", idparent: null }, { id: 1, name: "child", idparent: 0 }, ...
Avatar del usuario Gerarca
  • 103
1 voto
1 respuesta
5k vistas

react js Añadir espacio tabulado

tengo la siguiente linea: <div className="col-md-10"> { tab + item.name} </div> se trata de una parte de una función recursiva, la cual imprime sus hijos de ...
Avatar del usuario Gerarca
  • 103
1 voto
1 respuesta
6k vistas

¿Cómo hacer que una función se ejecute una sola vez en React?

Tengo una función en react que me devuelve un código JSX en el que tengo un <StarRating> (https://www.npmjs.com/package/react-star-rating-component) cuyo valor (estrellas no vacías) es el ...
Avatar del usuario BugsAreEverywhere
0 votos
1 respuesta
287 vistas

React js: no carga el mapa usando apis de google maps

Estoy intentando mostrar un mapa usando las apis de google maps, lo estoy haciendo con react js, el resultado una pagina en blanco, no tengo error alguno en la consola al intentar hacer un rastro, Soy ...
Avatar del usuario Luis Felipe Guevara Ruiz
0 votos
1 respuesta
3k vistas

¿Cómo limitar el número de caracteres de un TextArea?

Quizás la pregunta sea muy básica, pero soy nuevo en React y HTML. Tengo un textarea y un label de texto de manera que el input escrito en el textarea es automaticamente mostrado en el label. Adjunto ...
Avatar del usuario BugsAreEverywhere
0 votos
3 respuestas
699 vistas

Como puedo solucionar error funcion no definida en App.js (React js)

Esta es la estructura de mi App.js import Cabecera from './components/Cabecera' import './App.css'; function App() { manejaClick = () => { console.log('He sido ...
Avatar del usuario Enrique A. Díaz Barrios
0 votos
1 respuesta
36 vistas

Por que no me genera los items en el HTML?

Tengo un inconveniente con React. Me traigo los datos de un Firestore, y mostrando en consola me llegan todos los datos sin problema, pero al momento de implantarlos en el HTML no me genera ni si ...
Avatar del usuario Martin
  • 5
1 voto
1 respuesta
94 vistas

¿Cómo mostrar una imagen especifica en un componente al hacer click sin que se muestre la misma en los demás?

Como pueden ver tengo un arreglo de objetos con información referente a algunos personajes. Usando la función map recorro el arreglo y muestro en pantalla tanto su id, el personaje y la serie a la que ...
Avatar del usuario Sebastian Rodriguez Penagos
0 votos
0 respuestas
308 vistas

Asignar valor a un estado dependiendo de opciones en select (React JS)

estoy haciendo un formulario para seleccionar un servicio, cada uno tiene su propio valor (amount), necesito guardar eso en un estado, lo que tengo es lo siguiente: const rates = [ 10, 20, 30] ... ...
Avatar del usuario Giovanny Ramírez
0 votos
1 respuesta
368 vistas

Error: scrollToIndex should be used in conjunction with getItemLayout or onScrollToIndexFailed React native

Estoy haciendo un carrusel o un slider con auto Scroll de imágenes en React native, funciona perfectamente , pero cuando inicia de nuevo a deslizar las imágenes, que en este caso son 3 me salta ese ...
Avatar del usuario Jorge Rojas C.
1 voto
3 respuestas
822 vistas

Como imprimir variable en JSX

Quisiera imprimir el alert(Mensaje) para que apareciera en la pagina en vez de ser una alerta pero no se como hacerlo. Alguien me podria ayudar? <div className="App"> <...
Avatar del usuario Croper uwu
0 votos
2 respuestas
49 vistas

¿Cómo uno 2 variables?

Tengo un formulario en react el cual el name del input es dinámico, porque ese input se múltiplica cuantas veces quiera el usuario. item es el indice de un array que se llena cuantas veces se ...
Avatar del usuario Daniel Santos