求和案例(react+react-redux版本)(Provider组件实现store共享)

求和案例(react+react-redux版本)(Provider组件实现store共享),第1张

文章目录 求和案例入口文件index.js入口组件App.js 相关链接

求和案例

本篇使用Provider组件实现所有组件共享store。

代码变更涉及的文件有:

入口文件index.js入口组件App.js 入口文件index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import App from './App';
import store from "./redux/store.js";

ReactDOM.render( 
    <Provider store={store}>
        <App />
    </Provider>,
    document.getElementById("root")
);
入口组件App.js
import React, { Component } from 'react'
import CounterContainer from "./containers/CounterContainer";

export default class App extends Component {
  render() {
    return (
      <div>
        <CounterContainer/>
      </div>
    )
  }
}
相关链接

求和案例(纯react版本)
求和案例(redux精简版)
求和案例(redux完整版)
求和案例(redux完整版)(异步action)
求和案例(react+react-redux版本)

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1322019.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存