Question

最近尝试将redux添加到其中一个应用中。其中一个解决方案是将根组件包含在Provider中。这样做了，但仍然看到下面的问题（在浏览器中）。 [仅粘贴文件中可能相关的代码]。

未捕获错误：无法在上下文或道具中找到“存储” “连接（画廊）”。将根组件包装在a中，或明确地将“store”作为道具传递给“Connect（Gallery）”。

的客户机/ main.js

document.addEventListener('DOMContentLoaded', function() {
  ReactDOM.render(
     <Provider store={store}>
        <App/>
     </Provider>,
    document.getElementById('mount')
  );
});

共享/应用程序。/ JS

class App extends React.Component {

  render() {

    return (
      <BrowserRouter history={ browserHistory }>
        <div>
          <Route exact path="/" component={Gallery} />
          <Route path="/viewitem/:id" component={ViewItem} />
        </div>
      </BrowserRouter>
    );
  }

}

共享/终极版/ index.js

export const reducers = combineReducers({  
   images: imageReducer,
});

export function configureStore(initialState = {}) {  
  const store = createStore(
    reducers,
    initialState,
    applyMiddleware(...middleWare)
  )
  return store;
};

export const store = configureStore();

可能是BrowserRouter可能无法与redux一起使用吗？

connect无法在上下文或道具中找到商店

0 个答案: