如何使用React-redux
react-redux
是一个第三方模块,可以帮我们更好的使用redux。
yarn add react-redux
react-redux
核心api:
- Provider
Provider和store作了关联,Provider把store提供给了它内部的所有组件,换句话说Provider内部的组件都有能力获取store里面的数据。
import React from 'react';
import ReactDOM from 'react-dom';
import TodoList from './TodoList'
import * as serviceWorker from './serviceWorker';
import { Provider } from 'react-redux';
import store from './store';
const App = (
<Provider store={store}>
<TodoList/>
<A/>
<B></B>
</Provider>
);
ReactDOM.render(App, document.getElementById('root'));
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();