Perguntas com a tag [material-ui]
Material-UI é um framework de componentes React que implementam o Google Material Design. Esta tag deve ser utilizada para perguntas relacionadas ao framework do Material-UI.
35
perguntas
0
votos
1
resposta
18
visitas
Como criar um componente Select customizado utilizando MUI (React)?
Olá.
Estou atuando em uma task front-end aqui na empresa e preciso criar uma caixa de seleção que permite que o usuário escolha várias opções de períodos (últimos 7 dias, 15 dias, etc).
O front ...
0
votos
1
resposta
16
visitas
Heigth's diferentes para cada Grid - React-JS + Material UI
Quero que as Grids não fiquem alinhadas, tentei ver na documentação porém não encontrei nada relacionado, segue abaixo o código atual que estou usando
<Grid container spacing={0.5} >
<...
0
votos
0
respostas
12
visitas
MUI Autocomplete component Uncaught Error: Objects are not valid as a React child (found: object with keys {id, title})
Estou tentando usar o componente MUI Autocomplete no meu aplicativo passando categorias que recebo do firebase. Na documentação diz que o prop da opção do componente recebe um array de opções conforme ...
0
votos
0
respostas
15
visitas
mui-datatable Maximum call stack size exceeded
Estou usando o mui-datatable,e quando clico em alguma coluna para ordernar esta dando o erro abaixo:
index.js:841 Uncaught RangeError: Maximum call stack size exceeded
at baseClone (index....
0
votos
0
respostas
19
visitas
Como faço para passar um parâmetro (props) usando callback e evitar muitas chamadas de função nessa situação específica?
Eu preciso mostrar algumas informações dependendo do dia no DatePicker (Material UI). Ele está chamando callback sempre quando passo o mouse sobre o componente DatePicker. Aqui está um exemplo:
const ...
-2
votos
1
resposta
27
visitas
Inserir dados dentro de objetos nas colunas em um DataGrid do Material UI
Bom dia!
Como insiro dados em minhas columns fields que estejam dentro de objetos?
Ex:
"cliente": {
"nome": "NOME DO CLIENTE"
},
"entregador": {
"nome&...
-2
votos
1
resposta
54
visitas
Como eu atribuo varios valores para uma mesma variavel, e dependendo de uma entrada, sera atribuido um valor para essa variavel?
Eu estou fazendo um blog usando Reactjs e Material UI. Já criei vários componentes e agora estou montando as paginas.
Acredito que minha pergunta tenha a ver com javascript do qualquer outra coisa.
...
0
votos
0
respostas
50
visitas
Implementando as rotas ao Bottom navigation do material ui
Boa tarde, pessoal. Estou com um projeto em react e estou tentando implementar o componente do material ui Bottom navigation. Consigo implementar ele mas a funcionalidade de mudar a rota para ...
-1
votos
2
respostas
98
visitas
Não consigo mudar o value de uma opção depois de clicada do componente mui autocomplete
Olá.. tenho um campo de autocomplete, é um componente da biblioteca mui.com, as options trazem nome e cpf de um cliente. A ideia de fazer esse autocomplete assim, é que como pode existir dois clientes ...
0
votos
1
resposta
134
visitas
Como mudar o valor do TextField do MaterialUI durante um teste usando testing-library e formik (react app)?
Estou usando:
formik
testing-library
materialUI (TextField)
@testing-library/jest-dom
Eu tentei mudar o valor do TExtFIeld do MaterialUI durante o tempo de execução do teste de diferentes formas mas ...
0
votos
1
resposta
140
visitas
Não consigo utilizar as cores personalizadas do material ui
criei um tema customizado do material UI com uma paleta de cores própria. Porém na hora de consumir esta paleta em um button na propriedade color o typescript da erro.
Theme:
import { createTheme } ...
-1
votos
1
resposta
67
visitas
IF MAIS SIMPLES NO REACT JS PARA EVITAR REPETIÇÃO DE CÓDIGO
Eu estou iniciando minha caminhada no react e estou fazendo um clone do youtube. Eu cheguei numa parte onde não sei se o que eu fiz é uma boa ou má prática que gostaria de ajuda de vocês. Seguinte.
...
-2
votos
2
respostas
562
visitas
Como pegar campo específico de um array de objetos utilizando o componente autocomplete do material ui
Tenho um componente autocomplete do Material UI, criado utilizando o pacote formik-material-ui. O componente renderiza um array de objetos do modelo abaixo:
const teams = [
{id: 1, name: 'Barcelona'}...
1
voto
0
respostas
54
visitas
como configurar um componente drawer para que ela empurre todo o conteúdo do site para o lado e ainda não seja afetada pelo scroll?
A ideia era empurrar todos os outros conteúdo da outra Box para a direita quando o drawer estivesse, porem ele fosse imune ao scroll do mouse deixando o conteúdo dela sempre visivel
<Box>
&...
-1
votos
1
resposta
271
visitas
Utilizar animation e keyframe em makeStyles do material ui
Estou tentando utilizar keyframes em makestyles do material ui, porem não surge efeitos. O Objetivo e fazer que o botão fique pulsando. O que há de errado no meu código? Isto foi o que eu consegui ...
1
voto
1
resposta
105
visitas
Controlar inputs React
Tenho um componente que renderiza uma checkbox do estilo Switch do Material-ui. O código é este:
import styles from './styles.module.scss';
import { useState } from 'react';
import { ...
1
voto
1
resposta
738
visitas
Inserindo dados no DataGrid com falha para ID exclusivo não encontrado React Material-UI
o erro que me apresenta:
Error: Material-UI: The data grid component requires all rows to have a unique id property.
A row was provided without id in the rows prop:
{}
Eu faço a construção da minha ...
2
votos
1
resposta
889
visitas
Argument of type 'IAulasAdicionais[]' is not assignable to parameter of type 'string'
Opa, estou com este problema no meu codigo o qual não estou conseguindo solucionar, segue abaixo o meu codigo espero que possam me ajudar!!!
Dados mocados:
"AulasAdicionais": [
{
&...
0
votos
1
resposta
110
visitas
Criar uma tabela separando datas por trimestre com React e Node
A tabela precisa ficar assim:
Ela está assim:
Já consegui criar uma tabela usando o Sequelize com os dados de cada unidade, com cnpj e tudo mais, e fiz uma tabela de datas relacionada a essa tabela ...
0
votos
1
resposta
198
visitas
Rederização condicional de um componente a partir de um item selecionado
boa tarde, estou passando por dificuldades a realizar uma renderização condicional que tem como objetivo renderizar um IconButton somente quando e selecionado um valor da lista predefinida.
minha ...
0
votos
1
resposta
49
visitas
É possível definir o número de itens exibidos em uma material table por device?
Estou fazendo um projeto em React e tenho um componente que faz uma listagem de dados usando a Material Table. Por padrão eu defini para exibir 10 itens por página, porém no mobile fica ruim ter ...
-1
votos
1
resposta
267
visitas
Valor default do TextField Select no Material-ui
É uma dúvida básica, estou tentando deixar o valor default como vazio, mas ele acaba sempre preenchendo com o primeiro item:
<TextField
select
id="letter"
name=&...
-1
votos
1
resposta
96
visitas
Como faço para através de um botão no componente "Menu.jsx", chame um Dialog dentro de "Cadastro.jsx"
Fala pessoal,
Montei uma pagina que tem um menu (dentro do arquivo "Menu.jsx"), nesse menu tem um botão, que quero fazer abrir um "dialog", tipo um pop-up para cadastrar notas. ...
0
votos
1
resposta
206
visitas
Como alterar o pré-nome das classes geradas pelo Material UI
Olá, estou criando um projeto que utiliza o Material UI e percebo que quando eu compilo o mesmo ele gera as classes em produção do JSS ex:
Estou acostumado a trabalhar usando css modules junto com a ...
1
voto
1
resposta
105
visitas
Como troca o valor do Select - Materil UI
Olá, gostaria de saber setar um valor no Select component, do Material UI, atráves de um click?
Por exemplo, ao clicar no botão, invocar a funcao handleAlert, que troca o valor do Select;
export ...
0
votos
2
respostas
3mil
visitas
Como usar o component autocomplete do Material Ui sem erros
Tenho um componente Autocomplete do Material UI onde o usuário pesquisa os valores baseado num array de produtos que vem de uma API. O componente está assim, onde products é o array, setPointsProduct ...
-1
votos
1
resposta
332
visitas
Como aplicar quebra de linha após uma imagem?
Possuo uma img e um Button, ambos estão dentro de um Grid da biblioteca material react-ui.
Meu objetivo é centralizar horizontal e vertical ambos a imagem e o botão no espaço disponível xs={4}, porém, ...
0
votos
1
resposta
114
visitas
VerticalTab Material React UI está sendo sobreposto pelo conteúdo da tab
Estou tentando utilizar este componente de guias-verticais, porém quando insiro um conteúdo grande ele está sobrepondo minha vertical-tab conforme você pode ver nesta demonstração
return (
<...
-1
votos
1
resposta
1mil
visitas
Adicionar Icon com React native Material UI Botão
Tenho esse botão com o ícone details, mas gostaria de colocar o expandmore que tem no material ui, porém, ao colocá-lo, não funciona, nenhum nome de icone que possui mais de uma palavra funciona
...
0
votos
1
resposta
2mil
visitas
Como fazer uma tabela onde as celulas são inputs no React com Material UI
Preciso criar uma tabela com Material UI que na verdade será uma matriz, o tamanho dessa matriz será dinâmico e preciso que as células da tabela sejam inputs que serão preenchidos e esses inputs irão ...
0
votos
1
resposta
419
visitas
Como remover borda azul do React Material Modal?
Estou utilizando esse React Material Modal. Nos exemplos, ao abrir o modal, ele é envolto de uma borda azul, há alguma forma de remover esse efeito?
Eu vi na api do Modal que possui uma propriedade ...
1
voto
1
resposta
57
visitas
Table não é renderizada novamente depois de um setState
Possuo uma tabela do Material React Ui e estou tentando realizar sort nos dados.
Depois que o array é sortido, minha tabela não está sendo renderizada com as novas posições definidas pelo sort.
Eu ...
0
votos
1
resposta
325
visitas
“Can't perform a React state update on an unmounted component” quando tento alterar o state no useEffect
Possuo um component drawer do Material React UI e preciso que quando o componente seja montado, cheque no localStorage e pegue o valor do usuário logado para mostrar no template.
Esse é meu ...
0
votos
1
resposta
806
visitas
Ao alterar uma opção do meu material select eu recebo: Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>
Possuo o seguinte componente de select do material-ui-react:
<FormControl fullWidth variant="outlined" className={classes.formControl}>
<InputLabel ref={inputLabel} htmlFor="outlined-age-...
0
votos
1
resposta
200
visitas
Como alterar a classe padrão da tipografia em um formcontrollabel - material-ui | React?
Eu gostaria de alterar as propriedades padrões de um formControlLabel de body para caption. Eu tentei algo assim e funcionou:
<FormControlLabel
value="all"
control={<Radio color="primary" /&...