reactnative:react-redux
差分
この文書の現在のバージョンと選択したバージョンの差分を表示します。
| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
|
reactnative:react-redux [2019/01/31 23:44] ips |
reactnative:react-redux [2019/02/02 03:04] (現在) ips |
||
|---|---|---|---|
| ライン 4: | ライン 4: | ||
| >npm install react-redux | >npm install react-redux | ||
| </code> | </code> | ||
| - | <code> | + | |
| SyntaxError: C:\Users\Ryu\react\expo-redux\App.js: Only one default export allowed per module. | SyntaxError: C:\Users\Ryu\react\expo-redux\App.js: Only one default export allowed per module. | ||
| - | >npm install redux //相互に依存している | + | <code> |
| + | >npm install redux | ||
| </code> | </code> | ||
| ライン 97: | ライン 98: | ||
| - | ==== エラー ==== | + | ==== エラー1 ==== |
| + | <code> | ||
| Invariant Violation: Could not find "store" in the context of "Connect(App)". Either wrap the root component in a <Provider>, or pass a custom React context provider to <Provider> and the corresponding React context consumer to Connect(App) in connect options. | Invariant Violation: Could not find "store" in the context of "Connect(App)". Either wrap the root component in a <Provider>, or pass a custom React context provider to <Provider> and the corresponding React context consumer to Connect(App) in connect options. | ||
| + | </code> | ||
| + | expoを使っているとApp.jsがエントリーポイントだった。 | ||
| - | // reducerを元にstoreを生成する | + | ==== エラー2 ==== |
| - | const store = createStore(rootReducer); // (1) | + | <code> |
| + | Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. | ||
| + | Check the render method of `App`. | ||
| + | </code> | ||
| + | インポート元を間違っていた… | ||
| + | x import {Provider} from 'react-native' | ||
| + | o import {Provider} from 'react-redux' | ||
| + | ==== エラー3 ==== | ||
| + | <code> | ||
| + | TypeError: Cannot read property 'getState' of undefined | ||
| + | </code> | ||
| + | いつの間にかエラーが消えてしまったがProviderとstateあたりが問題だった | ||
| + | |||
| + | <code> | ||
| + | import React from 'react'; | ||
| + | import { createStore, combineReducers } from 'redux'; | ||
| + | import { Provider } from 'react-redux' | ||
| + | import Container from './components/Container' | ||
| + | import countReducerValue from './reducers/countReducer' | ||
| + | import nameReducerValue from './reducers/nameReducer' | ||
| + | |||
| + | |||
| + | const rootReducer = combineReducers({ | ||
| + | count: countReducerValue, | ||
| + | name: nameReducerValue, | ||
| + | }) | ||
| + | | ||
| + | const store = createStore(rootReducer) | ||
| + | |||
| + | |||
| + | export default class App extends React.Component { | ||
| + | render(){ | ||
| + | // console.log("App.render()") | ||
| + | // store.subscribe(() => console.log("xxxx:" + store.getState())) | ||
| + | return( | ||
| + | <Provider store={store}> | ||
| + | <Container/> | ||
| + | </Provider> | ||
| + | ) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | </code> | ||
reactnative/react-redux.1548945856.txt.gz · 最終更新: 2019/01/31 23:44 by ips
