Perguntas com a marcação «material-ui»

Eu escrevi um código: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Estou recebendo um erro: O tipo de elemento JSX Elemnão possui nenhuma assinatura de construção ou chamada O que isso significa?

157 reactjs  typescript  material-ui 

Estou brincando um pouco com o Material-UI . Existem opções para criar um layout de grade (como em Bootstrap )? Se não, qual é a forma de adicionar essa funcionalidade? Há um componente GridList, mas acho que tem um propósito diferente.

118 reactjs  material-design  material-ui  grid-system 

Usando o método css-in-js para adicionar classes a um componente react, como adiciono vários componentes? Aqui está a variável classes: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Aqui está como eu usei: return ( <div className={ this.props.classes.container }> …

95 css  reactjs  material-design  material-ui  jss 

Por alguma razão, não consigo fazer com que o datepicker da ui material funcione. Toda vez que o datepicker é renderizado no React, o seguinte erro é gerado: RangeError: a string de formato contém um caractere do alfabeto latino sem escape n Eu criei um stackblitz com apenas o datepicker …

19 javascript  reactjs  material-ui  material-ui-pickers 

Refiro-me à documentação da React Material-UI ( https://material-ui.com/components/autocomplete/ ). No código de demonstração, <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => ( <TextField {...params} label="Combo box" variant="outlined" fullWidth /> )} /> Entendo como funciona, mas não sei como devo obter o valor selecionado. Por exemplo, eu …

17 javascript  reactjs  material-ui 

Ao tentar acessar o componente Login do meu aplicativo MERN na versão de produção, recebo uma série dos seguintes erros de tipo mostrados nesta imagem: Meu aplicativo ( https://github.com/ahaq0/kumon_schedule ) funciona perfeitamente localmente e estava funcionando perfeitamente bem hospedado no Heroku hoje cedo. Tentei reverter todas as alterações no código …

15 reactjs  typescript  heroku  material-ui  mern 

Eu quero usar o Autocompletecomponente para tags de entrada. Estou tentando obter as tags e salvá-las em um estado para poder salvá-las posteriormente no banco de dados. Eu estou usando funções em vez de classes em reagir. Eu tentei onChange, mas não obtive nenhum resultado. <div style={{ width: 500 }}> …

12 reactjs  material-ui 

Instalei o material-ui / lab para usar o componente de alerta, mas sempre que eu o importo com: import Alert from '@material-ui/lab/Alert';ele falha na compilação e gera esse erro: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Tentei pesquisar no google esse problema e encontrei outra pergunta sobre …

11 javascript  node.js  reactjs  material-ui 

Eu recebi o seguinte erro ao executar meu projeto no navegador: Falha ao compilar: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Estou tentando implementar o componente de preenchimento automático (a partir do exemplo na seção "Vários valores"). Aqui está o código que estou usando: import React from …

11 reactjs  typescript  material-ui 

Aprendi a usar animação em css usando @keyframe. No entanto, eu quero escrever meu código de animação personalizado no meu projeto de reação (Using materialUI). Meu desafio é como posso escrever o código javascript para personalizar minhas animações usando o makeStyle () no MaterialUI. Quero poder personalizar os processos de …

8 css  reactjs  material-ui  jss