reactjs - use - typescript setup



Digitando uma matriz de instâncias de componentes React (1)

Existem muitas opções aqui que funcionariam, algumas melhores que outras, dependendo de como você as usa. Eu tenho usado React.ReactNode para especificar filhos, mas você provavelmente poderia usá-lo também para seu caso de uso.

type Row = (string | number | React.ReactNode)[];

ReactNode é bastante flexível, pois é definido como:

type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined;

e ReactChild por sua vez, são definidos como: type ReactChild = ReactElement | ReactText; type ReactChild = ReactElement | ReactText;

Se você deseja que seja mais rígido, menos flexível, tente ReactElement .

Eu tenho um componente de tabela que recebe uma matriz de matrizes de string / número como um suporte, por isso leva um parâmetro de rows digitado assim:

type Row = (string | number)[];

No entanto, algumas colunas precisam exibir um componente React em vez de um texto / número simples.

Como posso alterar as letras para fazê-lo funcionar? Eu tentei isso:

type Row = (string | number | React.PureComponent | React.Component)[];




typescript-typings