通过路线使道具通过更高阶的组件

您还需要一个箭头才能成为

Page

WrappedComponent

const Page = (props) => (WrappedComponent) => (moreProps) => { const renderHeader = props.header   ? <Header title={props.headerTitle} />   : false return (   <Wrapper>     {renderHeader}     <Container withHeader={props.header}>       <WrappedComponent {...moreProps} />     </Container>   </Wrapper> )}

现在您可以像这样使用它

export default Page({ header: true, headerTitle: 'header title' })(PageOne)