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;