ReduxがReactコンポーネントに接続していません

Question

私はReduxで遊んでいましたが、Reactに接続することはできません。 connectをmapStateToPropsと使用していますが、私の店の小道具が私のコンポーネントに渡されていません。おそらく誰かが私のコードがうまくいかない理由を明らかにすることができたでしょうか？私はそれがmapStateToProps関数と何かを持っていると思います。

ここで私が持っているコードです：

import { connect, Provider } from 'react-redux'; 
import { createStore, combineReducers } from 'redux'; 
import React from 'react'; 
import ReactDOM from 'react-dom';`enter code here` 


const greetReducer = (state = '', action) => { 

    if (action.type === 'greet') { 

    state = action.greeting 

    } 

    return state; 

}; 

const runReducer = (state = '', action) => { 

    if (action.type === 'run') { 

    state = action.running 

    } 

    return state; 

}; 

const reducers = combineReducers({ 

    greetState: greetReducer, 
    runState: runReducer 

}); 

const store = createStore(reducers); 

store.dispatch({ 

    type: 'greet', 
    greeting: 'Hello' 

}); 

console.log(store.getState()); 

store.dispatch({ 

    type: 'run', 
    running: 'Running like the wind' 

}); 

const App = (props) => <h1>{props.greeting}</h1>; 

const mapStateToProps = function(store) { 
    return { 
    greeting: store.getState().greetState 
    }; 
} 

connect(mapStateToProps)(App); 

ReactDOM.render(
    <Provider store={store}><App /></Provider>, 
    document.getElementById('root') 
); 

Answer 1

（というか、connectによって返される関数）connect機能は、あなたのコンポーネントを変更しませんが。変数に保存する必要がある新しいコンポーネントが返されます。

const ConnectedApp = connect(mapStateToProps)(App); 

ReactDOM.render(
    <Provider store={store}><ConnectedApp /></Provider>, 
    document.getElementById('root') 
);