Preguntas etiquetadas con material-ui

Escribí un código: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Recibo un error: El tipo de elemento JSX Elemno tiene ninguna construcción o firma de llamada Qué significa eso?

158 reactjs  typescript  material-ui 

Estoy jugando un poco con Material-UI . ¿Hay opciones para crear un diseño de cuadrícula (como en Bootstrap )? Si no es así, ¿cuál es la forma de agregar esta funcionalidad? Hay un componente GridList pero supongo que tiene un propósito diferente.

118 reactjs  material-design  material-ui  grid-system 

Recibo el siguiente error cada vez que intento usarlo makeStyles()con un componente con métodos de ciclo de vida: Llamada de gancho no válida. Los ganchos solo se pueden llamar dentro del cuerpo de un componente de función. Esto podría suceder por una de las siguientes razones: Es posible que tenga …

117 reactjs  material-ui 

Usando el método css-in-js para agregar clases a un componente de reacción, ¿cómo agrego varios componentes? Aquí está la variable de clases: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Así es como lo usé: return ( <div className={ …

92 css  reactjs  material-design  material-ui  jss 

Por alguna razón, no puedo hacer que el selector de fechas material-ui funcione. Cada vez que se muestra el selector de fecha en React, se produce el siguiente error: RangeError: la cadena de formato contiene un carácter de alfabeto latino sin escape n He creado un stackblitz con solo el …

19 javascript  reactjs  material-ui  material-ui-pickers 

Me refiero a la documentación de React Material-UI ( https://material-ui.com/components/autocomplete/ ). En el código de demostración, <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => ( <TextField {...params} label="Combo box" variant="outlined" fullWidth /> )} /> Entiendo cómo funciona, pero no estoy seguro de cómo se supone que …

17 javascript  reactjs  material-ui 

Cuando intento acceder al componente de inicio de sesión de mi aplicación MERN en la versión de producción, obtengo una serie de los siguientes errores de tipo que se muestran en esta imagen: Mi aplicación ( https://github.com/ahaq0/kumon_schedule ) funciona perfectamente bien localmente y funcionaba perfectamente bien alojada en Heroku el …

15 reactjs  typescript  heroku  material-ui  mern 

He instalado material-ui / lab para usar el componente de alerta, pero cada vez que lo importo con: import Alert from '@material-ui/lab/Alert';no se compila y arroja este error: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Así que traté de buscar en Google este problema y encontré otra …

12 javascript  node.js  reactjs  material-ui 

Quiero usar Autocompletecomponentes para etiquetas de entrada. Estoy tratando de obtener las etiquetas y guardarlas en un estado para luego poder guardarlas en la base de datos. Estoy usando funciones en lugar de clases en react. Lo intenté onChange, pero no obtuve ningún resultado. <div style={{ width: 500 }}> <Autocomplete …

12 reactjs  material-ui 

Recibí el siguiente error cuando ejecuté mi proyecto en el navegador: Error al compilar: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Estoy intentando implementar el componente Autocompletar (del ejemplo en la sección "Valores múltiples"). Aquí está el código que estoy usando: import React from 'react'; import Chip …

11 reactjs  typescript  material-ui 

Aprendí a usar animación en CSS usando @keyframe. Sin embargo, quiero escribir mi código de animación personalizado en mi proyecto de reacción (Uso de materialUI). Mi desafío es cómo puedo escribir el código javascript para personalizar mis animaciones usando makeStyle () en MaterialUI. Quiero poder personalizar los procesos de transición …

8 css  reactjs  material-ui  jss