Не удается подключить избыточный магазин к компонентам sematic ui dimmer - PullRequest
0 голосов
/ 03 июля 2019

Я использую 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, затихая улыбкой на лице, я ищулучший вариант и возможно исправление, если я делаю что-то ужасно неправильно здесь.Тпй.

...