javascript - 导出没有装饰器的纯功能组件

Question

我正在尝试导出一个没有装饰器的组件(在本例中为 connect()) 用于使用 jest 进行单元测试。

那么，我该怎么做:

import React, { Component } from 'react';
import { connect } from 'react-redux';

export class Header extends Component {
    render(){
        return <pre>Header</pre>
    }
}

export default connect()(Header);

有了这个组件(一开始的导出不起作用，它仍然导出连接的组件)

export let Header = props => {
    render(){
        return <pre>Header</pre>
    }
}

Header = connect()(Header);

export default Header;

Answer 1

为连接的组件使用不同的变量，如下代码:

export let Header = props => {
    render(){
        return <pre>Header</pre>
    }
}

let HeaderConnected = connect()(Header);

export default HeaderConnected;

现在您可以在不使用 connect() 的情况下自由导入 Header