react的redux无状态组件

Provider功能主要为以下两点：

• 在原应用组件上包裹一层，使原来整个应用成为Provider的子组件
• 接收Redux的store作为props，通过context对象传递给子孙组件上的connect
  

例如react项目的index.js文件

import React from 'react'; //引入react库

import ReactDOM from 'react-dom'; //引入react-dom插件

import './index.css';

import App from './App';

import registerServiceWorker from './registerServiceWorker';

import { Provider} from 'react-redux' //连接react和redux

import store from './store'

ReactDOM. render(

(

< Provider store= { store } > //用<Provider> 包裹App组件，并且传递一个store

< App />

</ Provider >

),

document. getElementById( 'root')

);

registerServiceWorker();