Cara, estou enfrentando um problema. Eu tenho dados bidimensionais. Os dados têm uma estrutura aninhada que contém links. const data = [ // First Div Panel [ { id: 1, url: "/services", title: "Services" }, { id: 2, title: "Products", children: [ { id: 3, url: "/themes-templates",...
TL; DR Como um componente pai pode saber quando a renderização de cada componente filho abaixo dele foi concluída e o DOM visível ao usuário com sua versão mais atualizada? Digamos que eu possua um componente component Afilho Gridcomposto por 3x3componentes netos. Cada um desses componentes...
Eu criei um <If />componente de função simples usando o React: import React, { ReactElement } from "react"; interface Props { condition: boolean; comment?: any; } export function If(props: React.PropsWithChildren<Props>): ReactElement | null { if (props.condition) { return...
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...
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...
Este é o meu componente. Estou usando a função de seta embutida para alterar a rota onClickda div, mas sei que não é uma boa maneira em termos de desempenho 1. Função de seta embutida changeRoute (routeName) { console.log(routeName) } render() { return ( <> <div onClick={() =>...
Estou criando um gancho personalizado com um toogle quando algum estado muda. Você deve conseguir passar qualquer estado em uma matriz. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(()...
Estou tentando compactar o código escrito com o Next.js usando o Gzip entregue com o servidor Nginx e NodeJS. Parece que a configuração está funcionando quando eu uso curl -H "Content-Encoding: gzip"para verificar. Mas, no navegador real (Chrome, Firefox), não consigo encontrar a...
Estou usando a interface do usuário Material SwipeableViews Que usam o pacote ReactSwipableView, estou recebendo esse erro no console react-dom.development.js: 12466 Aviso: componentWillReceiveProps foi renomeado e não é recomendado para uso. Veja para detalhes. Mova o código de busca de...
Estou tentando descobrir como exibir um carimbo de data / hora do firestore em um aplicativo de reação. Eu tenho um documento do firestore com um campo chamado createdAt. Estou tentando incluí-lo em uma lista de saída (extraindo os bits relevantes aqui para que você não precise ler toda a lista...
O Google mostra os três pop-ups acima para os usuários quando eles tentam se inscrever usando o google no meu site, mas não mostra o mesmo pop-up quando tento me inscrever. O que eu vejo é apenas isso - Esses três pop-ups separados estão causando enormes desistências do meu site. Como...
Eu tenho tentado resolver esse problema, mas não encontrei uma resposta forte. Estou tentando executar uma mutação de logon usando o gancho useMutation. TLDR; Quero saber qual é exatamente a diferença entre o onError passado nas opções e o erro que o useMutation me forneceu Aqui está o meu trecho...
Estou renderizando componentes da minha biblioteca de padrões externa (node_modules). No meu aplicativo principal, estou passando minha Linkinstância react-router-dompara o componente das minhas bibliotecas externas da seguinte forma: import { Link } from 'react-router-dom'; import { Heading }...
Estou tentando descobrir como obter um nome de usuário que é um atributo armazenado em uma coleção de usuários, que foi mesclada com os atributos criados pelo modelo de autenticação do firebase. Posso acessar o authUser - que fornece os campos limitados que o firebase coleta na ferramenta de...
Tenho um caso em que preciso saber se o usuário está logado ou não antes que a página seja renderizada no servidor e enviada de volta para mim usando o Next.js para evitar alterações de cintilação na interface do usuário. Consegui descobrir como impedir o usuário de acessar algumas páginas se ele...
Estou tentando imitar outros aplicativos de bate-papo para celular onde, quando você seleciona a send-messagecaixa de texto e ela abre o teclado virtual, a mensagem mais abaixo ainda está em exibição. Parece não haver uma maneira de fazer isso com o CSS de maneira surpreendente, então o JavaScript...
Estou tentando entender o useEffectgancho em profundidade. Gostaria de saber quando usar qual método e por quê? 1.useEffect with no second paraments useEffect(()=>{}) 2.useEffect with second paraments as [] useEffect(()=>{},[]) 3.useEffect with some arguments passed in the second...
Vou projetar uma navegação de gaveta no meu projeto. Eu instalei isso por este comando: npm install @react-navigation/drawer Então importou isso para App.js import { createDrawerNavigator } from '@react-navigation/drawer'; import { NavigationContainer } from
Estou tentando executar um aplicativo de reação na minha máquina local, recebo este erro quando executei npm run start: > node scripts/start.js internal/validators.js:125 throw new ERR_INVALID_ARG_TYPE(name, 'string', value); ^ TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be...
Estou recebendo o seguinte erro ao executar o npm start: A sintaxe do módulo ES2015 é preferida aos módulos e espaços de nome TypeScript personalizados @ typescript-eslint / no-namespace namespace InternalThings {...} Eu tentei pesquisar isso, mas é muito confuso. Por que isso está...