导入连接和断开连接的组件React,Redux

Question

我是React和Redux的新手我正在尝试使用酶编写一些测试,我想知道是否有一种方法可以将组件作为连接和断开的组件导入,以测试浅渲染和完全dom渲染.这就是我的意思;

import ConnectedApp, { App } from '../App';

有没有办法做到这一点,如果不是为什么？谢谢

Answer 1

直接来自Redux关于测试connected组件的文档:

为了能够在不必处理装饰器的情况下测试App组件本身,我们建议您也导出未修饰的组件:

import { connect } from 'react-redux'
?
// Use named export for unconnected component (for tests)
export class App extends Component { /* ... */ }
?
// Use default export for the connected component (for app)
export default connect(mapStateToProps)(App)

然后你按照预期行事:

import ConnectedApp, { App } from '../App';