Uncaught [Invariant Violation: не удалось найти «store» ни в контексте, ни в подпорках

Question

В основном я импортирую 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', поэтому просто экспортируйте компонент, передав хранилище, но затем он не работает, потому что он не подключен к магазину

есть идеи?

Answer 1

Когда вы тестируете компоненты, подключенные к редуктору, вам нужно визуализировать их с помощью поддельного хранилища или хранилища в памяти.Обычно рекомендуется выводить несвязанный компонент как import {component} from '...';, а затем передавать реквизиты, ожидаемые вашим компонентом.В библиотеке redux уже есть тестовые случаи, поэтому нет смысла дублировать эту работу.