高階組件返回的Class無(wú)法渲染出來(lái)。

使用高階組件返回class包裝后的組件無(wú)法正確渲染，但是直接將組件return可以渲染出來(lái)，找不出問(wèn)題，請(qǐng)指教一下。多謝大家

function HOC(WrappedComponent){
    // 渲染不出來(lái)
    return class HOC extends Component {
        render(){
            const newProps = {type:'HOC'};
            return <WrappedComponent {...this.props} {...newProps}/>
        }
    }
    // 以下可以
    // return function newRender(props){
    //     return <WrappedComponent />
    // }
}

class OriginComponent extends Component {
    render(){
        return <div>這是原始組件</div>
    }
}

const newComponent = HOC(OriginComponent)

class TestHOCCom extends Component{
    constructor(){
        super()
        this.state = {
        }
    }
    render() {
        // console.log(newComponent, 9999999)
        return (
            <div>
                <p>頂層容器</p>
                <newComponent />
            </div>
        )
    }
}
export default TestHOCCom