reactjs 参数“Component”隐式具有“any”类型

bpzcxfmw  于 2023-04-11  发布在  React
关注(0)|答案(1)|浏览(134)

如何使TypeScript兼容?

export const withAppProvider = (Component) => {
    return function WrapperComponent(props) {
        return (
            <AppProvider>
                <Component {...props} />
            </AppProvider>
        )
    }
}
gcuhipw9

gcuhipw91#

组件可以使用FunctionComponent类型,它是一个泛型接口,所以你需要为你的props创建一个接口

import { FunctionComponent } from 'react'

interface ComponentPropsInterface {
 ...
}

export const withAppProvider = (Component: FunctionComponent<ComponentPropsInterface>) => {
 return function WrapperComponent(props) {
    return (
        <AppProvider>
            <Component {...props} />
        </AppProvider>
    )
 }
}

相关问题