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

Question

我是React和Redux的新手我试图用酶编写一些测试，我想知道是否有一种方法可以将组件作为连接和断开连接的组件导入，以测试浅层渲染和完整dom渲染。这就是我的意思;

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

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

Answer 1

直接从Redux documentation关于测试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';