如何在Typescript React中遍历Component的Children？

如何在Typescript tsx中遍历React组件的子项？

以下是有效的jsx:

public render() {
    return (
        

            {React.Children.map(this.props.children, x => x.props.foo)}
        
    );
}

但是,在Typescript中,x的类型是React.ReactElement这样我无法访问props.我需要做某种铸造吗？

但是,在Typescript中,x的类型是React.ReactElement,因此我无法访问props.我需要做某种铸造吗？

是.也喜欢这个词assertion.一个快速的:

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

使用any为你失去类型信息一般应避免。

而是React.ReactElement

在函数参数类型中使用：

React.Children.map(this.props.children, (child: React.ReactElement) => child.props.bar)