javascript - 未被捕获的[不变违反:在上下文或 Prop 中都找不到“存储”

基本上我将componentB导入到componentA

而在componentA中，即时通讯基本上是

const ComponentA = () => {
   const ComponentB = blah.map(() => {

   })
  //more stuff
  return(
    <div> stuff here </div>
  )
}

但是当我运行ComponentA文件的测试（已经构建）时，它们会因该错误消息而崩溃

两个组件均已正确连接到商店：

export default connect(mapStateToProps)(ComponentA)

export default connect(mapStateToProps, mapDispatchToProps)(ComponentB)

什么会导致该错误？

我知道在必须以其他方式导入之前。目前，我只是这样导入它：import componentB from '/components'

但是我确实尝试了import { componentB } from '/components'，所以只是通过商店来导出组件，但是那样就不起作用了，因为它与商店断开了连接

有任何想法吗？

最佳答案

当测试Redux连接的组件时，您需要使用伪造的存储或内存中的存储来呈现它们。通常，最佳实践是将未连接的组件渲染为import {component} from '...';，然后传递组件期望的属性。 redux库已经具有测试用例，因此没有必要重复该工作。