Preguntas con la etiqueta [material-ui]
La etiqueta material-ui no tiene orientación de uso.
67
preguntas
1
voto
0
respuestas
10
vistas
Prevenir pasar de fila al presionar enter en x-data-grid mui/material
Tengo un x-data-grid de mui/material en modo editable, pero me gustaria que al actualizar una columna el foco se mantuviera en la misma columna. Alguien sabe si es posible?
Demo de material:
...
0
votos
2
respuestas
30
vistas
Componente personalizado que tenga un campo de texto y un campo de selección usando React MUI
me gustaría crear un componente personalizado que pueda usar un campo de texto y un campo para seleccionar alguna opción usando React MUI, he buscado en la biblioteca pero no he encontrado nada, ...
0
votos
0
respuestas
19
vistas
"Error 'Cannot set properties of undefined' al intentar actualizar el título de una lista en mi clon de Trello con React"
Estoy construyendo un clon de Trello utilizando React y Material-UI. En mi aplicación, estoy intentando permitir que los usuarios actualicen el título de una lista. Sin embargo, estoy encontrando un ...
0
votos
1
respuesta
25
vistas
Reactjs: ¿Cuál puede ser el motivo por el que el array que contiene un objeto inicial se setea a un array vacío al cargar el componente?
Estoy trabajando con Reactjs, Typescipt y componentes de MUI. He creado un filtro compuesto por un Autocomplete y un Slider.
Este filtro tiene debajo un botón "Add" cuya función es ...
1
voto
0
respuestas
18
vistas
Espacio blanco al abrir el collapse de una de las card en material ui
Tengo dos cards agrupadas de manera horizontal y cada vez que trato de desplegar el contenido de una card se abren las dos card pero una card con el collapse en blanco.
La idea principal es que se ...
1
voto
1
respuesta
27
vistas
React & TS: Cómo pasar "backgoundColor" como prop en componente reutilizable ChipsArray usando el componente Chip de material
Tengo un componente ChipsArray que usa MaterialUI Chip. Todos los chips dentro de ChipsArray usan un color gris, pero hay una sección específica de la aplicación donde los chips deben usar un color ...
0
votos
1
respuesta
12
vistas
¿Cómo puedo cambiar un FloatingActionButton de forma programática en Android?
Tengo definido un FloatingActionButton en Android con un icono por defecto.
En el XML este es el botón:
<com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
...
0
votos
0
respuestas
70
vistas
Mi target.checked no cambia de true a false
Hola tengo un problema con un checkbox que tengo dentro de una tabla al momento de habilitarlo a deshabilitarlo no cambia de true a false, por otro lado cuando pongo mi CustomCheckbox fuera de la ...
4
votos
2
respuestas
213
vistas
Limpiar Autocomplete MUI / React en evento change
Cuando el primer autocomplete se asigna un valor, hace una llamada a una API para popular el segundo Autocomplete.
El problema es que si selecciono un valor del primero, selecciono uno del segundo (ya ...
0
votos
0
respuestas
27
vistas
¿Cómo puedo utilizar el el estado active de un Stepper de MaterialUI?
Estoy usando Stepper con MaterialUI y quiero cambiar el color de la línea dependiendo de si el paso está activo o no.
Al step le doy el valor de true o false como se muestra en el siguiente código:
&...
0
votos
2
respuestas
291
vistas
porque no permite instalar la dependencia de material UI
Estoy tratando de instalar la libreria de material ui con el comando que viene en su documentacion pero en la terminal me esta mandando un error que puedo hacer para corregir ese error y poder ...
0
votos
0
respuestas
94
vistas
¿Por qué no funciona LINK to="/" en mi React App?
El problema es el siguiente:
Componente NAVLINKS:
import {
Box,
ListItem,
ListItemButton,
ListItemIcon,
Divider,
} from "@mui/material";
import { Link } ...
0
votos
1
respuesta
35
vistas
Mui: como cambiar el title color in a ImageListItemBar
Estoy intentand cambiar el color del titulo pero el editor me arrojo un error si lo hago de la siguiente forma. Intente hacerlo tambien poniendo directamente "color: "black"" pero ...
0
votos
0
respuestas
71
vistas
Clases css anidadas en Material UI
lo que he estado tratando de hacer es algo similar a lo que se suele hacer en css de que tu puedes anidar las clases para ir como que adentrandote en las clases y cambiando el estilo dependiendo de ...
0
votos
1
respuesta
38
vistas
¿Por qué al usar NavLink pierdo los estilos?
Mi problema es el siguiente. Tengo un Button Group, pero cuando ya quiero agregar una redireccion (hacer útil el botón), se cambian todos los estilos, por unos default, o no se de donde salen.
En ...
2
votos
2
respuestas
95
vistas
Cambiar formato a fecha
estoy recibiendo una fecha por medio de props, que viene de mi base de datos en mongo, la fecha viene de esta manera
2022-11-17T19:41:12.683Z
Lo que necesito es que me salga en un formato tipo dd/mm/...
0
votos
0
respuestas
10
vistas
Como selecciono maxDate en la fecha de hoy sin que se deshabilite el botón de Next Month?
Estoy usando el staticDateRangePicker de MUI en un proyecto en React y no consigo que al usar el maxDate se deshabilite solo la fecha en el calendario y no el boton de Next Month. No me permite ir al ...
0
votos
1
respuesta
53
vistas
Delimitar ancho de Bottom Drawer en React
He estado indagando y no puedo encontrar un método para modificar/contener el ancho de un Drawer importado de Material UI (SwipeableDrawer).
Mi idea era que este sea del tipo Bottom pero que no ocupe ...
0
votos
2
respuestas
170
vistas
¿Cómo justificar el contenido de un div al centro pero que su contenido esté a la izquierda?
Buen día comunidad,
tengo un div como contenedor flex, dentro de este div tengo Cards, el asunto es que quiero que el div esté centrado mientras su contenido se mantiene a la izquierda, de momento ...
0
votos
0
respuestas
105
vistas
¿Cómo agregar el helpertext a un TextareaAutosize y Select de material ui react? (formik, yup)
Estaba estudiando react y para practicar estaba creando unos formularios con formik y material ui, estoy validando los datos con yup, pero tengo un problema al momento de crear un TextareaAutosize y ...
0
votos
1
respuesta
140
vistas
Problema al ingresar valores a campo TextField de Material Ui en NextJs, no funciona cuando onchange = setState
Soy algo nuevo en material ui y nextjs y tengo el siguiente problema:
Cuando le agrego a la propiedad onChange de mi TextField la funcion setState para controlar el evento para que asi pueda trabajar ...
0
votos
0
respuestas
199
vistas
React/Material UI - Error al cargar datos de celdas en componente Form
Al consumir de una API local y cargar los datos en un DataGrid, tras hacer clic en cualquier celda independientemente de la fila/columna, se debe tomar los datos de toda la fila (id, name, etc) para ...
0
votos
1
respuesta
124
vistas
Problema con useState() de React
La idea es que al presionar una celda de mi DataGrid se dispare un Dialog. Si bien se dispara y es mostrado, no se puede quitar.
DataGrid.tsx:
export default function Data(props: any) {
const { ...
1
voto
1
respuesta
61
vistas
Uso de estados - React
Lo que estoy intentando hacer es tras mapear un arreglo de objetos y plasmar sus datos en una tabla, al momento de hacer clic en el primer campo de cada fila realizar un envío de toda la información ...
0
votos
1
respuesta
416
vistas
Material UI Dialog insert ID on Angular
estoy teniendo un problema con material ui en angular, al insertar un dialog no logro hacer que tome la id del elemento, probe con diferentes respuestas que encontre aca y hasta ahora no logro ...
0
votos
1
respuesta
217
vistas
no puedo aplicar Material UI
Estoy aprendiendo React JS y tengo problemas en poder usar estilos de libreria MAterial UI
instale segun la pagina:
npm install @mui/material @mui/styled-engine-sc styled-components
aunque cuando ...
0
votos
1
respuesta
32
vistas
Generar un código automático en un campo Textfield
Estoy creando un campo input textfield y me gustaria que en ese campo, en vez de ingresar un código manualmente, se genere automático de manera aleatoria.
Alguna idea ?
<h3>Agregar nueva ...
0
votos
0
respuestas
50
vistas
Multiple Select - Material UI No funciona correctamente cuando inicializo el data source
Tengo un Multiple Select, el cual contiene un MenuItem con un label y un checkbox. Cuando no inicializo el array objects el select funciona adecuadamente:
Pero necesito inicializarlo de la siguiente ...
1
voto
0
respuestas
344
vistas
Agregar Filas a una tabla con React
quiero hacer un efecto de expand - collapse pero no funciona, de hecjo en Firefox si funciona, pero en Chrome no se expande
function Row({
item,
ExpandData,
headers
}) {
const [...
1
voto
2
respuestas
102
vistas
Skeleton no carga - React JS
Estoy intentando agregar el componente Skeleton de Material UI a mi proyecto de películas. Debería aparecer el Skeleton de cada card antes de mostrarse la misma, pero no está funcionando. Ustedes ...
1
voto
0
respuestas
53
vistas
no se actualiza correctamente mi estado en React
Tengo un problema en mi formulario y es que el estado del mismo no se actualiza correctamente, se actualiza al escribir un caracter mas del input, por ejemplo:
Tengo una función que valida que el ...
0
votos
1
respuesta
818
vistas
como crear una paginacion con material en ui React
Estoy tratando de usar el componente paginacion de material ui en React pero no entiendo muy bien la documentacion, no se como seleccionar los items o objetos que se van a paginar.
nisiquiera se como ...
3
votos
1
respuesta
353
vistas
Error en React usando material UI
Soy nuevo en react y creando una App me encuentro con este error, que no se realmente cuál es y porqué ocurre. Espero alguien pueda ayudarme.
Este es el error:
findDOMNode is deprecated in StrictMode....
0
votos
1
respuesta
523
vistas
¿Existe algo similar a background-image en NavBar de Material-UI con react?
Buenas noches estoy desarrollando un ToDo App en react con material-ui, y quiero que mi Navbar tenga una imagen de fondo, pero no encuentro una propiedad para hacerlo, ¿saben si existe alguna ...
0
votos
1
respuesta
267
vistas
Como puedo resolver problema de Sintaxis de MATERIAL UI en REACT JS
Resulta que estoy tratando de hacer un login usando el framework de css material ui en React. pero no se exactamente porque no funciona, me sale que tengo errores de sintaxis.
quiero que el imput de ...
1
voto
1
respuesta
329
vistas
Asignar defaultValue a Autocomplete de Material-UI ReactJs
Hola estoy utilizando el componente "Autocomplete" de Material-UI y no sé como poder asignarle a cada opción un value, queda como value el "tittle", como puedo hacer que el value ...
0
votos
1
respuesta
184
vistas
Como renderizar condicionalmente un componente con React.js y useContext
Estoy utilizando context para acceder a la data de una tabla, cuando seleccionas un elemento de la tabla su información se guarda en el context para luego renderizar la misma data en una tarjeta, el ...
1
voto
1
respuesta
2k
vistas
Como enviar los datos de un componente a otro al hacer click en un botón. React.js
Tengo una consulta, tengo una tabla en la cual se muestran los resultados de la API de pokemon y lo que necesito es que al hacer click en un boton obtenga los datos de la fila, bueno hasta aquí todo ...
1
voto
2
respuestas
112
vistas
Se duplican los titulos al consumir una api
Estoy empezando con React y quiero consumir la API de pokemon, recibo ya los datos y los paso por una funcion map, luego por props le envio los datos a un componente donde tengo una tabla, la tabla ...
1
voto
1
respuesta
72
vistas
Alinear dos Typography al hacer la pantalla pequeña
Estoy intentando de alinear dos Typography cuando la pantalla se hace pequeña, estoy haciéndolo con grid, pero no logro hacer que los elementos suban.
He intentado bajar las columnas de 12 a 6 pero ...
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
268
vistas
como editar colores de tema claro y oscuro en material-ui
estoy sando material-ui en una app de react, el tema es que los colores de los temas light y dark no me convencen, quiero hacerlos mas claros y mas oscuros, como podria editar esos colores, tengo una ...
1
voto
1
respuesta
627
vistas
Seleccionar y deseleccionar checkboxes en react js
Quiero agregar empresas a un determinado usuario. He logrado que al momento de seleccionar una empresa los datos se guarden dentro de un arreglo, pero al momento de deseleccionar me vuelve a guardar ...
1
voto
0
respuestas
89
vistas
boton dentro de un map aparece solo en la primera imagen
Tengo un componente el cual refleja las imágenes que el usuario esta a punto de subir al servidor, este es el componente encargado de manejar dicha logica:
const Preview_image: FC<{ image: File[] }&...
0
votos
1
respuesta
177
vistas
Card queda metido arriba en react con material ui
tengo dos formularios, uno al lado del otro y en la parte de arriba tengo un Card, pero me queda como metido en la parte de arriba y casi no se ve, ¿me podría ayudar por favor para que se vea completo?...
1
voto
1
respuesta
828
vistas
Error al obtener el valor de un autocomplete Material UI react
Tengo un formulario que necesito enviar por un metodo post, el problema es cuando quiero obtner el valor de un autocomplete en el metodo handleChange.
Aqui mi código
Este es el resultado que obtengo:
...
2
votos
1
respuesta
438
vistas
Como puedo poner dos tarjetas en una misma fila usando material-ui?
Como puedo poner dos tarjetas en una misma fila usando material-ui?
Si lo pongo de la siguiente manera me aparece una tarjeta encima de otra...
<Grid container direction="column" ...
0
votos
1
respuesta
1k
vistas
¿Se puede hacer NavLink en el evento onClick de un Button?
Soy bastante nuevo en el uso de React y estoy desarrollado una plataforma web con Material UI. Estaba aprendiendo a enrutar mi página web con la react-route-dom y con el uso de BrowserRouter, Switch y ...
1
voto
1
respuesta
59
vistas
SyntaxError: C:\dev\portafolio-frontend\src\components\CardProject.js: Missing semicolon (18:21)
Buenas y gracias de antemano,no se porqué al querer implementar un background-image me sale un mensaje de error SyntaxError: C:\dev\portafolio-frontend\src\components\CardProject.js: Missing semicolon ...
2
votos
1
respuesta
645
vistas
¿Cómo validar formulario con un estado de objetos en reactjs?
intento validar mi formulario y he establecido en una constante dos valores: valor y ok. cuando ok este en true entonces el estado de error TextField se pasará en true. hasta ahí bien.
el problema ...