アクションが呼び出されていませんredux

Question

私はreduxを初めて使っています。簡単に開始するために、Reduxを使用してグローバル状態値を表示しようとしています。

コンソールでアクションオブジェクトを表示しようとすると、 "Object {type：" @@ redux/INIT "}"が表示されます。これは何ですか ？

import React, {Component} from 'react'; 
import ReactDOM from 'react-dom'; 
import {createStore} from 'redux'; 
import {Provider, connect} from 'react-redux'; 

class AllinOne extends Component{ 
    render(){ 
    return (
     <div>k 
     {this.props.globalState} 
     </div> 
    ) 
    } 
} 


const store = createStore(myREducer); 
store.dispatch(add); 

const mapStateToProps = (globalState) => { 
    return { globalState: globalState } 
} 


// Action 
const add =() => { 
    return {type : 'ADD'} 
} 

// Reducer 
function myREducer(state=0, action) { 
    console.log('counter', action) // returns Object {type: "@@redux/INIT"} 

    return state; 
} 

export default connect (mapStateToProps)(AllinOne); 
ReactDOM.render(<AllinOne />, document.getElementById('app')) 

Answer 1

ご覧のアクションは状態の初期化です：

は、ここに私の簡単なコードです。 addアクションはその後にディスパッチする必要があります。

があなたの問題につながることができ、複数のポイントがあります。

まず、addはので、多分あなたは何もしませんdispatch(undefined)を呼び出して、宣言される前に送出されます。しかし、これはあなたの例ではおそらくコピーの貼り付けの問題です。

さらに重要なことは、addがオブジェクトでなければならない場合の機能です。だから、あなたが試してみてください：

// Action 
const add = {type : 'ADD'}