Perguntas com a tag [typescript]

TypeScript é um super superconjunto de JavaScript criado pela Microsoft que adiciona tipos de opcionais, classes, interfaces e módulos e compila para JavaScript puro.

Filtrar por
Ordenado por
Com tags
-1 votos
1 resposta
39 visitas

Duvidas com REACTJS CreateContext

main.tsx: import React from 'react' import ReactDOM from 'react-dom/client' import { Home } from './pages/home' import { AppContextProvider } from './pages/home/context/TextContext' import './index....
Junior's user avatar
  • 3
-1 votos
1 resposta
35 visitas

Não estou entendendo a sintaxe dessa linha de código de uma função:

const handleRemoveFromCart = (id: number) => { setCartItems(prev => prev.reduce((ack, item) => { if (item.id === id) { if (item.amount === 1) return ack; ...
Matheus Monteiro's user avatar
-2 votos
1 resposta
161 visitas

como mostrar apenas um elemento de uma lista de objetos no angular?

Estou percorrendo uma lista de usuarios para mostrar seus dados no html. Na minha ultima linha, onde faço "{{ usuario.cartao | json }}" Trago uma lista de objetos que contém o cartão(ou ...
Fernando Silva's user avatar
-1 votos
1 resposta
233 visitas

Usar o checkbox para desabilitar inputs com Angular

Sou iniciante na programação e estou querendo entender como faço para desabilitar por exemplo 3 input utilizando o checkbox. meu checkbox está ssim: <!--Checkbox--> <div> <input type=...
Leogomes's user avatar
-4 votos
1 resposta
104 visitas

Meu middleware em node não esta funcionado

import express, { NextFunction, Request, Response } from "express"; import { router } from "../router"; import cors from 'cors'; export class App{ public server: express....
Alimentado por lamen's user avatar
2 votos
2 respostas
477 visitas

Como reutilizar uma interface, porém com as propriedades opcionais?

Eu possuo a seguinte interface: interface User { id: string; username: string; password: string; accountId: string } } Eu preciso reutilizá-la, porém com as propriedades sendo ...
Thiago Fernandes's user avatar
0 votos
1 resposta
453 visitas

Como realizar update em many to many relation usando o connect do prisma?

Possuo uma implicit many to many relation com os models: model User { id Int @id @default(autoincrement()) username String @unique password String rooms ...
yoyo's user avatar
  • 774
0 votos
1 resposta
139 visitas

Validações de inputs ou select de forma condicional em um array

TECHS: Vue.js 3 com TS, Quasar REPO NO GITHUB: Clique aqui NOME DOS ARQUIVOS EM QUE ESTÁ A MINHA DÚVIDA: tables.vue e tables.ts, O link é esse O QUE EU QUERO QUE O MEU CÓDIGO FAÇA: Quero que os meu ...
Christian 's user avatar
0 votos
0 respostas
47 visitas

Porque a resposta do delete está vindo vazio? - CRUD Angular

A função funciona deletando pelo um id informado, porém o livro não é deletado do banco de dados. Acabei fazendo uns testes e a resposta da função delete está vindo vazia Após acionar a função de ...
Danmarty's user avatar
0 votos
1 resposta
172 visitas

Classe não injeta na outra (Injeção de Dependência)

Estou aprendendo sobre injeção de dependência desenvolvendo uma API, mas estou com um problema que não consigo arrumar. Basicamente o problema é que uma classe injeta normalmente em uma, mas por algum ...
Anzzim's user avatar
  • 7
-2 votos
1 resposta
148 visitas

Fazer string JSON de métodos voltarem a funcionar depois de serem convertidos novamente em objeto

No escopo da classe tenho uma coleção com 2 métodos que acionam outros métodos dentro da mesma classe, que são executados na view através do clique do botão, porém eu preciso guardar essa coleção em ...
Ivan Ferrer's user avatar
  • 12,2mil
0 votos
0 respostas
298 visitas

Como evitar que o calendário (p-calendar PrimeNG) feche quando selecionar a data?

Eu estou trabalhando em uma melhoria, pois esse calendário não "espera o usuário terminar de selecionar as informações" para poder carregar os dados do filtro desejado, por exemplo, se eu ...
Fernanda Mattiello's user avatar
-1 votos
1 resposta
336 visitas

Problema com subscribe em Angular

À uns dias atrás eu fiz aqui uma pergunta por causa da tipagem e agora sei que nas versões mais recentes do Angular, a checagem de tipos ficou ainda mais estrita. Mas no código abaixo que serve para ...
ronald's user avatar
  • 21
3 votos
1 resposta
253 visitas

Construtor não é iniciado junto com componente no Angular

Quando eu crio componentes no VS Code, no arquivo Ts, não é criado o construtor e nem o OnInit por padrão! Não que atrapalhe, já que eu os crio manualmente, mas é um saco! Alguém saberia me explicar o ...
Júnior Moura's user avatar
0 votos
1 resposta
131 visitas

Problemas com tipagem no angular

Eu criei um novo projeto no angular depois de algum tempo e com o projeto limpo eu tentei criar uma variável mas percebi que a tipagem está diferente pois nos meus antigos projetos não dava erro. Não ...
ronald's user avatar
  • 21
-1 votos
1 resposta
359 visitas

capturar valores textinput para realizar as operações

Olá sou iniciante em React Native e estou com um projeto simples, necessito pegar os valores digitados pelo usuário, mandar para um aruivo de controle e realizar o calculo de preço mas travei ao pegar ...
Rafael Reis's user avatar
-2 votos
1 resposta
77 visitas

Regex substituindo o valor dos grupos nomeados

Eu tenho um regex cuja intenção é obter chave e valor de uma lista: const declarador = "(?<var>[a-z]+)=(?<val>[a-z]+)"; const regex = new Regex(`${declarador}(?:,${declarador})*`)...
EduApps's user avatar
  • 147
1 voto
1 resposta
186 visitas

Como Reutilizar um component com outro css - Styled Components

Seguinte, juro que testei vários métodos mas não obtive sucesso. Tenho esse componente de Button que está na cor verde, e gostaria que sempre que eu reutilizar ele eu possa trocar o Background para ...
Márcio Junior's user avatar
-2 votos
1 resposta
146 visitas

Erro muito estranho ao fazer queries com o pg no typescript

Eu estou fazendo um projeto de api muito simples com typescript sem nenhum ORM, fazendo as queries na raça mesmo só com o módulo de integração do postgres com typescrit mesmo. O que acontece é que as ...
Gabriel Souza's user avatar
-2 votos
1 resposta
110 visitas

Erro ao criar lista com NgFor em angular

Fala pessoal ,tudo bem ? Estou com problema ao usar o *Ngfor no angular para criar uma lista de card em um componente externo , eu busquei em alguns blogs e até mesmo no stackoverglow sobre mas não ...
Robson Oliveira's user avatar
-3 votos
1 resposta
89 visitas

Estou com esse erro e nao sei como resolver, meu angular é v.14 [fechada]

img de exemplo: inserir a descrição da imagem aqui
lucasalves.96_58's user avatar
3 votos
1 resposta
102 visitas

Mudar o estado pelo "current" ou pelo próprio valor do estado? Faz alguma diferença?

Aprendi a alterar dessas duas formas: const [switch, setSwitch] = useState(false); setSwitch(!switch); // 1 setSwitch(currentState => !currentState); // 2 Há alguma ...
mateusdegobi's user avatar
-2 votos
1 resposta
187 visitas

Como utilizar o decorator @registry() do tsyringe corretamente

Olá, estou tentando utilizar o decorator @registry() do tsyringe conforme a documentação: fiz a instalação das dependências e configurei o arquivo tsconfig.json: yarn add -D reflect-metadata &&...
Leandro Santiago Gomes's user avatar
-2 votos
1 resposta
43 visitas

class-validator não funciona em InputType no TypeGraphQL

Tenho o seguinte código: import { Min } from "class-validator"; import { Field, ID, InputType } from "type-graphql"; @InputType() class CartProduct { @Field(() => ID) product_id: string; ...
Felipe Leal's user avatar
-1 votos
1 resposta
925 visitas

Erro no is not assignable to type 'ReactNode'

estou utilizando nextjs, reactjs e typescript para criar um "projetinho", porém, faço a requisição da API tudo certinho pelo next, retorna tudo OK mas quando vou renderizar com map ele da os ...
Ig0r.py's user avatar
0 votos
0 respostas
49 visitas

Inserir dados em um array apenas atualizando os dados que já existirem com a mesma chave/valor

Estou desenvolvendo um front de um webapp para entregas de deliveries e nesta tela coloquei o mapa do google para que o proprietário da empresa possa ver o percurso dos seus motoboys em real-time. Até ...
Marcelo Ribeiro da Silva's user avatar
-2 votos
1 resposta
134 visitas

Concatenar dois arquivos que possuem mesmo nome NodeJS [fechada]

basicamente eu preciso concatenar dois arquivos (o conteúdo) que possuem o mesmo nome e possuem formato MDX, em um novo arquivo. Atualmente estou utilizando o concat-files mas estou fazendo isso ...
Douglas Teles's user avatar
-3 votos
1 resposta
464 visitas

Como pegar a variavel de ambiente do arquivo .env utilizando Typescript?

Estou utilizando a biblioteca dotenv para pegar a chave de API do Google Maps que está no arquivo .env, eu tentei dessa forma: Imagem Só que retornou esse erro : Type 'string | undefined' is not ...
isso ae's user avatar
0 votos
0 respostas
122 visitas

input type="datetime-local" em uma mat-table - Angular

Estou usando um input type="datetime-local" dentro de uma mat-table em Angular. Porém os inputs não estão sendo populados conforme esperado. Quando tenho apenas um registro na tabela, está ...
HuntressDC's user avatar
0 votos
2 respostas
751 visitas

Android build falhou com eas

quando eu executo o comando eas build --platform android eu vejo esse erro: ✖ Build failed 🤖 Android build failed: Gradle build failed with unknown error. See logs for the "Run gradlew" ...
Weslley Henrique's user avatar
-1 votos
1 resposta
138 visitas

Como juntar vários Arrays?

Tenho um array que segue a seguinte estrutura: [ { title: "titulo 1", data: [{...}, {...}] }, { title: "titulo 2", data: [{...}, {...}] }, { title: &...
Caio Pereira's user avatar
-2 votos
1 resposta
178 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&...
Marcelo Ribeiro da Silva's user avatar
-3 votos
1 resposta
163 visitas

Ignorar acentos na busca "filtro" Angular

Na (imagem 1) preciso criar uma categoria, só que eu não posso criar uma que já existe (imagem 2). Porém como posso fazer para ignorar os acentos? Porque na (imagem 3) já é possivel criar uma ...
Yegres Nomirk's user avatar
-1 votos
1 resposta
1mil visitas

Usar script JavaScript em um component um ReactJS

Estou fazendo uma aplicação web em react.js e estou precisando rodar um script em js que faz uma busca filtrando automaticamente. A searchbox é um component do react e preciso rodar um js externo pra ...
wlnyyyy's user avatar
0 votos
1 resposta
139 visitas

Use state retorna undefined

não entendo por que meu state não tras nada no params, mas funciona no console.log useEffect(() => { async function loadProducts() { const response = await api.get('/product/category', {...
Alan's user avatar
  • 17
0 votos
1 resposta
79 visitas

Como passar mais de um filho para componente pai no React Native

No meu App desenvolvido com React Native usando TypeScript, tenho um componente de função que gostaria que recebesse 2 filhos, mas gostaria de escolher onde eles vão aparecer no componente pai. Por ...
Ramon Oliveira's user avatar
0 votos
1 resposta
268 visitas

Para que serve o AuthContext.Provider?

Me deparei com a seguinte linha de código e estou querendo saber o que o AuthContext.Provider faz com esses values o children <AuthContext.Provider value={{ signIn, user, logOut, techs, setTechs }}...
AntonioV6's user avatar
-1 votos
1 resposta
347 visitas

Consultar um retorno JSON de uma API via POST em ANGULAR

Olá, tenho uma aplicação que preciso receber um JSON e popular meus campos de input, após realizar um Post de cpf/cnpj. No caso em questão é a API da SEPRO, onde faço a consulta de cpf/cnpj e ele me ...
Marcos Henrique's user avatar
3 votos
1 resposta
845 visitas

Mat-tab: ativar outra tab ao clicar em botão

Estou iniciando em Angular e tenho ainda dúvidas em relação a interação entre componentes. No meu caso em específico não sei como fazer, e se tem como. <mat-tab-group> <...
HuntressDC's user avatar
-3 votos
1 resposta
481 visitas

Como tipar corretamente uma interface para utilizar no mongoose com typescript

Boa tarde, estou com um pequeno problema que me tira o sono a um tempo, resolvi parcialmente mas não sei se é a melhor forma de fazê-lo, por isso se alguém já passou por isso e puder me ajudar serei ...
user302366's user avatar
0 votos
0 respostas
117 visitas

*ngFor quebra o HTML apesar da API estar retornando

O Html quebra se eu utilizar o ngForm desse array de Produto, não consegui entender o porque e não aprsenta nenhum erro no console. O *ngFor funciona nesse mesmo html e component utilizando um array ...
Mariana Santos's user avatar
0 votos
1 resposta
169 visitas

Problema ao exibir informações em uma tabela com Angular

Estou criando uma tabela com mat-table do angular, mais ao exibir as linhas nenhuma informação aparece. HTML: <div> <mat-table [dataSource]="Contatos"> <ng-...
Matheus Evandro Rech's user avatar
-2 votos
1 resposta
85 visitas

Pesquisar numa lista(API) e verificar se ele existe ou não um determinado valor digitado usando httpclient do angular

Tenho uma API pequena que me fornece 3 campos: { "codproc":"197100202", "codassunto":"PE01005", "detalhe":"LICENCA PARA TRATAMENTO DE ...
MarcosABCarvalho's user avatar
-3 votos
1 resposta
156 visitas

Como fazer um cálculo em uma tabela ng2-smart-table

Estou tentando fazer um calculo entre dois campos e quero mostrar o resultado em outro ao adicionar um novo item em uma tabale ng2-smart-table. Veja como estou fazendo: import { Observable } from '...
Ítalo Gustavo Araújo's user avatar
0 votos
0 respostas
32 visitas

Percorrer array verificando props existentes e retornar um novo array, com um objeto para cada prop existente [duplicada]

Possuo um array de objetos em que cada objeto é uma transação com quantia, data e tipo: Array [ Object { "amount": 2000, "date": "August 2022", "...
VaP's user avatar
  • 24
1 voto
1 resposta
368 visitas

Como configurar um projeto recém criado para não criar mais os arquivos spec.ts no angular 12

Minha pergunta é sobre angular Já temos uma projeto em Angular12 rotando e temos somente q dar manutenção e criar novos compoments de algumas paginas adcionadas, mas foi decidido agora que não ...
Tonyfilho's user avatar
-4 votos
1 resposta
950 visitas

Como passo um array de objetos por props? [fechada]

import React from 'react'; import Usuarios from './component/Usuarios' let usuarios :{ name: string; id: string; }[]; usuarios = [ {name:"Usuario 01", id:"01"}, {name:&...
Ricardo Saranzo Bolato's user avatar
0 votos
1 resposta
432 visitas

Como tipar corretamente o resultado de um findOne usando typescript, sequelize e mysql?

Atualmente faço a seguinte pesquisa const user: any = await UserModel.findOne({ where: { email: email, }, }); Estou tipando com any porque preciso usar algumas colunas de tabela como user....
Jefferson Rodrigues's user avatar
0 votos
0 respostas
356 visitas

Possivelmente, o objeto é 'nulo'.ts(2532) - React Native

Quando vou chamar a função takePictureAsync acusa um erro dizendo que camRef.current. é Possivelmente, o objeto é 'nulo'., já tentei várias coisas para resolver esse erro mas nenhuma funciona, ...
Antonella's user avatar
1 voto
2 respostas
426 visitas

Angular8 - R3InjectorError - componente não aparece na página

Sou iniciante em Angular e TypeScript e estou tentando aproveitar um componente já existente. Porém, quando chamo o componente, ele não é exibido e o seguinte erro ocorre no console. > ERROR Error: ...
user avatar