Come ripetere i bambini di un componente in Riscontro al dattiloscritto?

Question

Come faccio a scorrere i figli di un componente React in Typescript tsx?

Di seguito sarebbe JSX valida:

public render() { 
    return (
     <div> 
      {React.Children.map(this.props.children, x => x.props.foo)} 
     </div> 
    ); 
} 

Tuttavia, a macchina, il tipo di x è React.ReactElement<any> quindi non ho accesso a oggetti di scena. C'è qualche tipo di casting che devo fare?

Answer 1

Tuttavia, in Typescript, il tipo di x è React.ReactElement quindi non ho accesso agli oggetti di scena. C'è qualche tipo di casting che devo fare?

Sì. Preferisci anche il termine assertion. Uno veloce:

React.Children.map(this.props.children, x => (x as any).props.foo)