zoukankan      html  css  js  c++  java
  • ---react-redux----

    react-redux提供了connect和Provider来实现了数据的修改 ,不需要监听,也不再需要在每个组件之中都要引入store
     
    react-redux的数据流程
     
    1、在主组件之中引入Provider,将所有的组件都包裹在Provider之中
        import {Provider} from "react-redux"
    <Provider store={store}></Provider>
    2、在其他组件内引入connect,将组件和store连接起来
    import {connect} from "react-redux"
    export default connect()()
        第一个括号里面的参数有2个:
        (1)mapStateToProps:把store之中的state映射到props之中,调用的时候用this.props;每次store中的数据更新的时候,就会自动执行,修改组件之中的值,进行重新渲染
        (2)mapDispatchToProps:用来做数据修改的一些操作,方法等,调用的时候用this.props.函数名
        第二个括号的参数:当前组件名
     
    const mapStateToProps=(state)=>({})
    const mapDispatchToProps=(dispatch)=>({
        handleAdd(){
            dispatch({
                type:r
                value:
            })
        }
    })
  • 相关阅读:
    Java作业5.17
    上机作业5.14
    android 计算器
    安卓第四周作业
    课后作业
    5.28上机作业
    5.22作业
    5.21 作业
    5.20作业
    上机作业5.14
  • 原文地址:https://www.cnblogs.com/kangkang1207/p/10038034.html
Copyright © 2011-2022 走看看