Preguntas con la etiqueta [material-ui]
La etiqueta material-ui no tiene orientación de uso.
67
preguntas
0
votos
0
respuestas
23
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
13
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
16
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
19
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
42
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
7
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
15
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
52
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
48
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
0
respuestas
37
vistas
Cómo habilitar un input dependiendo de un checkbox? Material UI & Typescript
Estoy intentando hacer que un input se habilite solo si el checkbox esta seleccionado.
Usando material ui y typescript, probe de esta manera que pienso es la más cercana a la solución que busco pero ...
0
votos
0
respuestas
57
vistas
Implementar react-infinite-scroll-component en componente Select de Material UI
He estado implementando un scroll infinito en React con react-infinite-scroll-component dentro de un componente Select, solo que me encuentro con el problema que si coloco la la etiqueta dentro del ...
0
votos
0
respuestas
12
vistas
Donde puedo encontrar mockups para un projecto para de una pagina de empleos?
Estoy usando Material UI en react proximo a usar nextjs.
Algun template o ejemplo que pueda usar para la descripcion de los puestos.
0
votos
0
respuestas
74
vistas
Problemas con el responsive usando Material UI
soy nueva en React y haciendo el responsive de mi portfolio tengo un inconveniente que no se resolver. Les explico: yo tengo un componente llamado Proyectos donde en el lado lateral izquierdo tengo ...
0
votos
1
respuesta
50
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 ...
1
voto
0
respuestas
82
vistas
que tengo que poner en el handle click para que reconozca el evento
Estoy haciendo este botón en react ahorita haciendo pruebas no se que tenga que agregarle en el handleclick para que en la consola reconozca que esta haciendo click.
Adjunto código:
import '../css/...
0
votos
0
respuestas
16
vistas
Problema con Grid de material ui con flexbox
Tengo el siguiente codigo donde estoy usando grid de material ui y al aplicarle flexbox no hace nada. Si le saco las diferentes resoluciones si aplica flexbox, pero si no toma los breakpoints.Como ...
0
votos
0
respuestas
107
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
0
respuestas
15
vistas
Habilitar material ui calendar picker solo fechas de un array
Tengo un array con fechas disponibles y un Calendar de Material UI.
Necesito que el calendar solo pueda seleccionar las fechas que pertenecen a ese array y deshabilitar el resto.
Este es mi calendar:
&...
0
votos
1
respuesta
78
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
51
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
282
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
0
respuestas
131
vistas
MUI: You have provided an out-of-range value `64` for the select. React
Buen día estoy iniciando en React, y estoy practicando utilizando SELECT dinámicos (Un select que depende de otro select).
Cada vez que realizo un cambio en el primer SELECT, me sale esta advertencia:
...
0
votos
1
respuesta
144
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
0
respuestas
26
vistas
Como agregar un símbolo en un TextField
Estoy probando con react y con material-ui algunas cosas. Resulta que tengo un TextField y a este le quiero incorporar un -. Por ejemplo
Hol-a
Triangul-o
Cuadrad-o
La idea es que a medida que vaya ...
0
votos
0
respuestas
241
vistas
Input no me permite escribir
Estoy utilizando React, Material UI y emotion para darle estilo a los componentes, y estoy disenando un formulario, y al darle estilos al form con emotion, los TextFields no me permiten escribir, este ...
0
votos
0
respuestas
137
vistas
material-ui/core sobreescribe los estilos de material-ui
estoy utilizando la tabla material-table pero esa tabla usa la version antigua de material-ui, que es material-ui/core, mi problema es que al ir a la tabla los estilos de material-ui/core sobresalen ...
0
votos
1
respuesta
26
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
30
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
251
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
77
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
41
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
591
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
221
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
396
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
205
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
175
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
135
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
1k
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
82
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
47
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
797
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
181
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
441
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
44
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
140
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
592
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
286
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
55
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
482
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 ...