2017-08-10 13 views
0

が反応し、ルータ-DOMを取得し、きれいに再生するには、Reduxのに反応しようとするが、ブラウザのコンソールで次のエラーをgetitng文字列が期待される:React.createElement:タイプが無効です -

警告:反応します。 createElement:型が無効です - 文字列(組み込みコンポーネント用)またはクラス/関数(複合コンポーネント用)ですが、未定義です。あなたはおそらく、それはで定義されていたファイルからコンポーネントをエクスポートするのを忘れた。

index.js

import React from 'react'; 
import ReactDom from 'react-dom'; 
import Provider from 'react-redux'; 
import { createStore } from 'redux'; 
import reducer from './src/reducers/Index'; 
import Root from './src/views/Root'; 

let store = createStore(reducer) 

ReactDom.render(
    <Provider store={store}> 
     <Root /> 
    </Provider>, 
    document.getElementById('content') 
); 

減速

(Index.js)

import {combineReducers} from 'redux'; 
import Login from './Login'; 

export default combineReducers({ 
    Login 
}) 

減速(ログイン.js)

export default function login(state = 'Login', action) { 
    switch (action.type) { 
    case 'LOGINLOADING': 
     return state + 1 
    case 'LOGINLOADED': 
     return state - 1 
    default: 
     return state 
    } 
} 

Root.js

import React from 'react'; 
import BrowserRouter from 'react-router-dom'; 
import App from './App'; 

class Root extends React.Component { 
    render(){ 
     return (
      <BrowserRouter> 
       <App /> 
      </BrowserRouter> 
     ); 
    } 
} 

export default Root; 

App.js

import React from 'react'; 

class App extends React.Component { 
    render(){ 
     return (
      <div> 
       <p> Hello Kitty </p> 
      </div> 
     ); 
    } 
} 

export default App; 

答えて

0

私はこれを辿る固定申し訳ありません。

import {createStore} from 'redux'; 

import createStore from 'redux'; 
関連する問題