Búsqueda de sitios web

reactjs - ¿Cuál es el tipo correcto de TypeScript para los hijos de React?


Estoy tratando de tipar correctamente las props de un componente que mapea los hijos:

type Props = {
    children: any
}

const MyComponent: FunctionComponent<Props> = () => (React.Children.map(children, someMapingFunction);

He estado usando JSX.Element, pero eso no se siente del todo correcto.

Respuesta #1

Al revisar el código bajo DefinitelyTyped, parece que children está tipado como ReactNode.

Ejemplo :

type Props = {
    children: ReactNode
}

const MyComponent: FunctionComponent<Props> = () => (React.Children.map(children, someMapingFunction);

Nota: El tipo ReactNode se puede encontrar en el espacio de nombres de React:

import React from 'react';

let someNode: React.ReactNode;

Artículos relacionados