美文网首页
React组件间传递数据方法

React组件间传递数据方法

作者: 向布谷鸟说早安 | 来源:发表于2018-11-15 11:46 被阅读14次

    父组件向子组件传递

    props

    子组件向父组件传递

    传递带参的方法
    redux

    跨组件传递,解决数据比较深,传递了多层props的问题

    context
    React.createContext(defaultValue);

    兄弟节点间传递数据

    redux:
    同步:

    action,reducer,store
    store是存储数据的地方:
    createStore()用来创建store方法,接受一个回调函数reducer,和一系列中间件
    store.subscribe()
    注册事件
    store.dispatch()
    通过发送action,触发事件,发送action后,reducer根据action改变state的值
    store.getState()
    得到所有的state值

    react-redux:

    mapStateToProps(state, ownProps) 拿到state,页面刷新
    mapDispatchToProps(dispatch, ownProps) 拿到state,等待响应页面操作,触发事件。
    connct(mapStateToProps, mapDispatchToProps)(子组件)

    异步:

    redux-thunk
    thunk中间件的使用

    相关文章

      网友评论

          本文标题:React组件间传递数据方法

          本文链接:https://www.haomeiwen.com/subject/uamefqtx.html