Redux-003-使用 react-redux

2019-10-28 本文已影响0人空乱木

目录结构

image.png

代码
index.js

import {createStore} from 'redux';
import reducer from './reducers/counter';
import {increment,decrement} from './actions’;

import {Provider} from 'react-redux’;

const store = createStore(reducer);

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

App.js
//Store传值的实现
import {connect} from 'react-redux’;

const mapStateToProps = (state) => {
console.log(state);
return {
counter: state
};
};

export default connect(mapStateToProps)(App);