1.npm install react-redux --save
2.使用Provider组件
//在Provider组件中的组件都有能力去连接store
import { Provider } from 'react-redux';
const App = (
<Provider store={store}>
<TodoList />
</Provider>
);
3.在组件中使用connect去连接store中的数据,
需要获取的值写在mapStateToProps,需要提交的action写在mapDispatchToProps,其会把方法提交给reducer
import React, { Component } from ‘react’;
// import store from ‘./store’;
import { connect } from 'react-redux'
class TodoList extends Component {
render() {
return (
<div>
<div>
{/* 此处this.props里的方法会指向mapDispatchProps */}
<input value={this.props.inputValue} onChange={this.props.changeInputValue} />
<button>提交</button>
</div>
<ul>
<li>Dell</li>
</ul>
</div>
)
}
}
const mapStat