Preguntas con la etiqueta [jsx]
La etiqueta jsx no tiene orientación de uso.
70
preguntas
0
votos
0
respuestas
15
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 ...
0
votos
0
respuestas
30
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 ...
0
votos
0
respuestas
18
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 ...
0
votos
0
respuestas
23
vistas
Pagina se queda en blanco al importar componente / error en ReactJs
Hace una horas inicie a estudiar un poco ReactJs y al crear e importar un componente en mi archivo App.js este se ejecuta totalmente en blanco en el navegador.
Estoy siguiendo paso a paso un tutorial ...
0
votos
0
respuestas
122
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 ...
0
votos
0
respuestas
29
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 ...
0
votos
1
respuesta
99
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={...
0
votos
0
respuestas
37
vistas
Detección de warnings en la consola
Estoy empezando en un proyecto nuevo, el cual tiene muy malas prácticas como
Expected '===' and instead saw '==' eqeqeq
'isSearchResults' is assigned a value but never used no-unused-vars
...
2
votos
1
respuesta
30
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.
...
0
votos
1
respuesta
254
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 ...
0
votos
0
respuestas
146
vistas
TypeError no capturado: no se pueden leer las propiedades de undefined (leyendo 'longitud')
import React from "react";
import style from "../TemperamentsSelect/TemperamentsSelect.module.css";
const TemperamentsSelect = ({
temperament,
tempsSelected,
handleAdd,...
0
votos
1
respuesta
45
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 ...
0
votos
0
respuestas
33
vistas
Texto mueve o sobrepone un boton
estoy realizando una sección de seguir gente pero cuando el username de la persona es muy grande me mueve el boton de follow/unfollow a un lado y se empieza a ver feo.
El jsx de mi sección es el ...
0
votos
0
respuestas
12
vistas
No figuran datos de Json en vista de componente
Al hacer click en un boton, levanto un modal que lo tengo en otro componente, y le envio por prop un json que guardo en un useState.
El problema que tengo es que cuando quiero mostrar esos datos del ...
2
votos
1
respuesta
320
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">
&...
2
votos
0
respuestas
68
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 ...
1
voto
0
respuestas
497
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 ...
0
votos
1
respuesta
23
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>}
{!...
0
votos
0
respuestas
83
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, ...
0
votos
0
respuestas
218
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 (...
0
votos
1
respuesta
199
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 ...
0
votos
0
respuestas
65
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 ...
0
votos
0
respuestas
39
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 ...
1
voto
1
respuesta
108
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 ...
1
voto
2
respuestas
187
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 ...
0
votos
1
respuesta
91
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.
0
votos
1
respuesta
148
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 ...
0
votos
0
respuestas
84
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
1
voto
1
respuesta
172
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,...
1
voto
0
respuestas
48
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 ...
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 ...
1
voto
1
respuesta
87
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= {{...
0
votos
1
respuesta
878
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 '...
1
voto
1
respuesta
491
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 ...
3
votos
1
respuesta
479
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 ...
1
voto
1
respuesta
162
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 ...
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 ...
0
votos
1
respuesta
149
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:
1
voto
2
respuestas
3k
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 ...
0
votos
1
respuesta
122
vistas
Eliminar Recursivo
si tengo un arbol de esta forma:
[
{
id: 0,
name: "dad",
idparent: null
},
{
id: 1,
name: "child",
idparent: 0
}, ...
1
voto
1
respuesta
4k
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 ...
1
voto
1
respuesta
5k
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 ...
0
votos
1
respuesta
242
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 ...
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 ...
0
votos
3
respuestas
544
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 ...
0
votos
1
respuesta
33
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 ...
1
voto
1
respuesta
56
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 ...
0
votos
0
respuestas
287
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]
...
...
0
votos
1
respuesta
321
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 ...
1
voto
3
respuestas
748
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">
<...