RN子组件获取redux数据

一、可以用Provider组件包起要用redux数据的组件，传给他store

<Provider store={store}><App/><Index/>
</Provider>

这样App和Index组件可以通过以下方式获取redux里的数据(通过props获取)：

import React, { Component } from 'react';
import { connect } from 'redux';class APP extends Component {constructor(props){super(props);}
}
export default connect((store) => (store))(App)

或者只传入connect自己需要的数据：

import React, { Component } from 'react';
import { connect } from 'redux';class APP extends Component {constructor(props){super(props);}
}let select = (state) => {return {th: state.th}
}
export default connect(select)(APP );

二、定义一个 container 组件，在 container 里面用 connect 获取需要的 state，然后通过 props 传给子组件。

转载于:https://www.cnblogs.com/xjy20170907/p/11158001.html

RN子组件获取redux数据相关推荐

vue父组件异步获取动态数据传递给子组件获取不到值
原理: 在父组件中使用axios获取异步数据传给子组件,但是发现子组件在渲染的时候并没有数据,在created里面打印也是空的,结果发现一开始子组件绑定的数据是空的,在请求数据没有返回数据时,子组件就 ...
vue/uniapp父组件获取子组件内的数据或方法
1.父组件主动获取子组件中的数据和方法在父组件里面通过: ``` this.$refs.childMethod.属性 this.$refs.childMethod.方法 ``` 在父组件中:(调用子 ...
Vue父组件和子组件之间传递数据
Vue父组件和子组件之间传递数据 klmhly 已关注 2018.05.19 19:56* 字数 367 阅读 23评论 0喜欢 0 一.概念解析挂载点: Vue实例的el属性对应的id,vue只会 ...
父组件访问子组件中的数据（父子组件通信案例：父组件访问子组件$refs[‘子组件‘]，子组件传递数据给父组件（父组件中使用v-model））
一.需求二.在父组件upload-cover中: 通过$refs['子组件的ref属性值']就能拿到子组件对象三.在子组件imgae-list(相对于父组件upload-cover来说,image ...
子组件获取外层组件的scrollTop，达到实时定位的效果
子组件获取外层组件的scrollTop,达到实时定位的效果需求其实很简单,下面这么设计主要是为了适配其他页面,都可以通过这样的形式拿到内容区域的scrollTop. 最右侧是左侧列表的每一个进度状态 ...
【vue】父组件与子组件之间的数据交互
一.前端项目目录结构二.vue单文件组件格式注意1: scoped表示对当前组件生效 <style scoped> </style> 这个是设置组件中html样式(css) ...
rn 函数式组件获取子组件的实例
class式组件要获取子组件的实例只要用ref就可以了,但是函数式组件就要复杂一点函数式组件要给子组件直接绑定ref是不成功的,要求子组件使用forward创建才可以,如下 const ChildR ...
子组件获取父组件的数据（父传递数据给子）
父组件在调用子组件的时候,动态绑定数据 <List :todos='todos'/> 子组件在props中创建一个属性,用以接收父组件传过来的值 props: ['todos'] 3.在子 ...
vue子组件获取父组件数据_在vue.js中父组件是如何向子组件传递数据的？
本文只有一个学习点. 父组件如何向子组件传递数据. 一起学习,更多文章请关注我的头条号,我是落笔承冰. 一.先创建一张空白网页index.html,在head标签里设置好vue的链接库. 二.写一个绑 ...

RN子组件获取redux数据

RN子组件获取redux数据相关推荐

最新文章

热门文章