9
A API Temporal é, no momento em que escrevo esta resposta, uma proposta de adição ao ECMAScript que se encontra no estágio 2 do processo de incorporação à especificação (o famigerado TC39 process). Repositório referente à proposta.
Mediante estandardização, a API Temporal consistirá de um objeto global Temporal (similar aos já existentes Math, Date, JSON etc)...
respondida 14/02 às 18:51
Luiz Felipe
26,6mil55 medalhas de ouro3434 medalhas de prata9696 medalhas de bronze
5
Penso que não seja possível fazer isso com arrays (pelo menos não de forma simples) porque o compilador não tem como saber o tipo do elemento associado a uma chave específica para cada elemento do array. Ele formaria uma união com todos os tipos possíveis.
Mas é possível fazer uma estrutura com objetos. Algo como isto:
export interface IUser {
userId: ...
respondida 2 dias atrás
Luiz Felipe
26,6mil55 medalhas de ouro3434 medalhas de prata9696 medalhas de bronze
4
A outra resposta já deu uma visão geral, só gostaria de complementar alguns pontos.
Obs: como a API ainda está sujeita a mudanças, não me aprofundei muito nos exemplos. Coloquei apenas alguns que usam a versão atual do polyfill (que pode ou não ter mudado quando você estiver lendo esta resposta), para dar uma noção do que a API é capaz.
Podemos começar com ...
respondida 15/02 às 0:49
hkotsubo
50,5mil1717 medalhas de ouro5050 medalhas de prata104104 medalhas de bronze
3
Você está tentando renderizar os elementos mesmo que não tenham sido carregados ainda. Conforme indicado nos comentários, antes do api.get ter sido resolvido, o componente já está sendo renderizado como um array vazio. Ele será renderizado novamente quando o array tiver sido propriamente carregado.
Desse modo, você deve garantir que alguma coisa deve ser ...
respondida 4/03 às 12:40
Luiz Felipe
26,6mil55 medalhas de ouro3434 medalhas de prata9696 medalhas de bronze
2
Você pode obter uma união com todos os tipos do array utilizando a notação de colchetes. Assim:
type MyArr = [1, 2, 3, 4, 5];
// %inferred-type: 5 | 1 | 2 | 3 | 4
type MyArrUnion = MyArr[number];
Veja no TypeScript playground.
Note que, nesse caso, o tipo do array é estático. Se você precisar obter o tipo a partir de um array já existente, utilize o ...
respondida 15/02 às 12:35
Luiz Felipe
26,6mil55 medalhas de ouro3434 medalhas de prata9696 medalhas de bronze
2
Isso acontece porque o setState é muito mais do que uma simples função que retorna somente um booleano. Nas variáveis do useState, o segundo elemento (mudarExecucao) é uma função do tipo Dispatch<SetStateAction<boolean>> onde ela recebe um parâmetro booleano, no caso prev, e não retorna nada.
De fato, a função setState não retorna nada, então ...
respondida 2/03 às 3:35
Cmte Cardeal
3.69855 medalhas de ouro1313 medalhas de prata3030 medalhas de bronze
2
No seu componente Form você precisa tipar suas props, como você esta usando o React.FC você pode passar os tipos das suas props por generic dessa forma:
import React from 'react';
import { BsPlusSquareFill } from 'react-icons/bs';
type IFormProps = {
setInputText: (value: string) => void
}
const Form: React.FC<IFormProps> = ({ setInputText }) =&...
2
Existem diferenças semânticas entre nomear um arquivo como .test.ts e .spec.ts?
Não formalmente. O Jest não convenciona nenhum tipo de "sufixo" no nome do arquivo. Acaba sendo uma convenção adotada por alguns grupos de pessoa para organizar melhor as próprias suites de testes.
A maioria das pessoas, pelo que vejo, utiliza somente um dos sufixos. ...
respondida 24/02 às 22:13
Luiz Felipe
26,6mil55 medalhas de ouro3434 medalhas de prata9696 medalhas de bronze
1
O callback do map não retorna um array de IEvent, mas sim um IEvent.
Troque a anotação de retorno do callback de IEvent[] para IEvent. O array de tipo IEvent[] é retornado por todo o map, de modo que cada callback só retorna um evento.
Saiba mais sobre o Array.prototype.map.
Mas ao corrigir o erro acima, um outro erro surgirá:
Function lacks ending return ...
respondida 16/02 às 14:13
Luiz Felipe
26,6mil55 medalhas de ouro3434 medalhas de prata9696 medalhas de bronze
1
Você deve utilizar a convenção de nomes PascalCase para nomear componentes "próprios" (criados por você, o programador).
Quando essa convenção não é propriamente seguida, o compilador do TypeScript entende que você está se referindo a uma tag do HTML, o que não é, evidentemente, o caso. Como uma tag HTML joinOuterContainer não existe, um erro é ...
respondida 15/02 às 18:36
Luiz Felipe
26,6mil55 medalhas de ouro3434 medalhas de prata9696 medalhas de bronze
1
Para facilitar sua lógica, na sua lista adiciona um atributo selected dessa forma:
const LISTA = [
{
id:1,
title: "Teste",
selected: false,
},
{
id:2,
title: "Teste2",
selected: false,
},
{
id: 3,
title: "Teste3",
selected: false,
},
{
id: 4,
title: "Teste 4",
...
1
Compartilhando minha solução com vcs, implementei a sugestão dadas acima, porém o componenente que estava fazendo tem um child com ngIf vinha sempre undefined, e não posso injetar service fixo neles, porque usarei dados customizaveis... a solução BehaviorSubject
export class MidiasDistribuicaoComponent implements OnInit {
contextoConfig: any;
...
Apenas as respostas wiki não pertencentes à comunidade mais votadas e de um tamanho mínimo se qualificam
Tags relacionadas
typescript × 1102angular × 625
javascript × 398
ionic × 115
node.js × 80
react × 69
html × 67
ionic3 × 62
ionic2 × 52
firebase × 40
angular-6 × 40
angularjs × 32
array × 25
json × 23
front-end × 19
html5 × 17
jquery × 16
css × 16
react-native × 15
angular-material × 15
angular-7 × 14
typeorm × 14
tipagem × 13
http × 11
react-hooks × 11