警告:失败的道具类型:道具“商店"在“提供者"中被标记为必需，但其值为“未定义".在提供者中 [英] Warning: Failed prop type: The prop `store` is marked as required in `Provider`, but its value is `undefined`. in Provider

问题描述

如何解决 react-redux 项目中的这个错误错误截图警告:失败的道具类型:道具 store 在 Provider 中被标记为必需，但其值为 undefined.在提供者中

How to resolve this error in react-redux project error screenshot Warning: Failed prop type: The prop store is marked as required in Provider, but its value is undefined. in Provider

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './index.css';
import SignUp from './Components/SignUp'
import SignIn from './Components/SignIn'
import Home from './Components/Home'
import { Router, Route, hashHistory, IndexRoute, browserHistory } from 'react-router';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import {firebaseApp} from './Database/firebaseApp'
import {Provider} from 'react-redux'
import {store} from './Store/Store'
import {logUser} from './Store/Actions'

ReactDOM.render(
  <MuiThemeProvider>
    <Provider store={store}>
      <Router history={browserHistory} >

        <Route path="/signup" component={SignUp} ></Route>
        <Route path="/signin" component={SignIn} ></Route>
        <Route path="/home" component={Home} ></Route>

      </Router>
    </Provider>
  </MuiThemeProvider>
  ,
  document.getElementById('root')
);

//下面存放代码

import { createStore, applyMiddleware,combineReducers } from 'redux';
import thunk from 'redux-thunk';
import {createLogger} from "redux-logger";
//import logger from 'redux-logger'

//import rootReducer from './Reducers/rootReducer'
import {authReducer} from "./Reducers/authReducer"

const rootReducer = combineReducers({
    authReducer
})
const logger = createLogger();

let store = createStore(rootReducer, applyMiddleware(thunk, logger) );

export default store;

推荐答案

You export store as default: export default store;

You export store as default: export default store;

你需要这样导入:import store from './Store/Store'

有两种导出方式:

• export myVar 必须与 { 和 }
一起导入
• export default myVar 必须在没有 { 和 }
的情况下导入

• export myVar must be imported with { and }
• export default myVar must be imported without { and }

这对于从文件中导出/导入多个变量/函数很有用:

This is useful to export/import multiple variables/functions from a file:

// file.js
export a;
export b;
export default c;

//otherfile.js
import c, { a , b} from './file';

这篇关于警告:失败的道具类型:道具“商店"在“提供者"中被标记为必需，但其值为“未定义".在提供者中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！