开发者社区> 问答> 正文

#React 如何在connect()React Redux中使用?

#React 如何在connect()React Redux中使用?

展开
收起
因为相信,所以看见。 2020-05-07 22:33:16 563 0
1 条回答
写回答
取消 提交回答
  • 阿里,我所有的向往

    您需要按照两个步骤在容器中使用商店:

    使用mapStateToProps():它将商店中的状态变量映射到您指定的道具。

    将以上道具连接到您的容器:函数返回的对象mapStateToProps已连接到容器。您可以connect()从导入react-redux。

    import React from 'react'
    import { connect } from 'react-redux'
    
    class App extends React.Component {
      render() {
        return <div>{this.props.containerData}</div>
      }
    }
    
    function mapStateToProps(state) {
      return { containerData: state.data }
    }
    
    export default connect(mapStateToProps)(App)
    
    2020-05-07 22:34:06
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载