如何在Typescript React中迭代組件的子項？

Question

如何迭代Typescript tsx中的React組件的子項？

以下將是有效的JSX：

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

然而，打字稿，x的類型是React.ReactElement<any>所以我必須道具的訪問權限。我需要做什麼類型的演員？

Answer 1

但是，在Typescript中，x的類型是React.ReactElement，所以我無法訪問道具。我需要做什麼類型的演員？

是。還優選術語assertion。快速一：

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