如何使用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();