Я использую React с библиотекой semantic-ui-реагировать.Проблема в том, что когда я использую семантический пользовательский интерфейс Dimmer и пытаюсь подключить компонент внутри него, я получаю сообщение об ошибке: Uncaught Invariant Violation: Could not find "store" in the context of "Connect(myComp)"
.Мне удалось преодолеть эту ошибку, обернув внутренний компонент в Provider следующим образом:
import { Dimmer } from 'semantic-ui-react'
import { Provider } from 'react-redux'
import store from '../storelocation/store'
import SubComp from './subComp'
class App extends React.Component{
render(){
return(
<div>
<Dimmer>
<Provider store={store}>
<SubComp/>
</Provider>
</Dimmer>
</div>
)
}
}
При этом мой SubComp теперь может connect(mstp,mdtp)
.
Такая проблема не отображаетсяв любой другой части приложения.Я завернул свой корневой компонент в провайдере в index.js
следующим образом:
ReactDom.render(
<Provider store={store}>
<App/>
</Provider>, document.getElementById('root')
);
Теперь, когда каждый раз, когда я его использую, каждый раз, когда я его использую, я переворачиваю свой SubComp, затихая улыбкой на лице, я ищулучший вариант и возможно исправление, если я делаю что-то ужасно неправильно здесь.Тпй.