首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在Redux中没有从子组件中获取道具

在Redux中没有从子组件中获取道具
EN

Stack Overflow用户
提问于 2020-01-30 00:24:39
回答 2查看 46关注 0票数 1

我想从子组件中的Redux获得道具。但{this.props}是空对象。我正在使用react-redux connect来获取道具。它在父组件中工作,我们可以传递给子组件以获得道具,但我需要从子组件中获取

登录

代码语言:javascript
运行
复制
```import React, { Component } from 'react'

从'./ Test‘导入{Test}

导出默认类登录扩展组件{

代码语言:javascript
运行
复制
render() {
代码语言:javascript
运行
复制
    return (
代码语言:javascript
运行
复制
        <div>
代码语言:javascript
运行
复制
            <Test hi=""/>
代码语言:javascript
运行
复制
        </div>
代码语言:javascript
运行
复制
    )
代码语言:javascript
运行
复制
}

}`

代码语言:javascript
运行
复制
# Test

```javascript

从'react‘导入React,{ Component }

从'react-redux‘导入{ connect }

导出类测试扩展了组件{

代码语言:javascript
运行
复制
render() {
代码语言:javascript
运行
复制
    console.log(this.props)
代码语言:javascript
运行
复制
    return (
代码语言:javascript
运行
复制
        <div>
代码语言:javascript
运行
复制
            vddfff
代码语言:javascript
运行
复制
        </div>
代码语言:javascript
运行
复制
    )
代码语言:javascript
运行
复制
}

}

const mapStateToProps =(状态) => ({

})

const mapDispatchToProps =(调度) => {

代码语言:javascript
运行
复制
return {
代码语言:javascript
运行
复制
    selectedData: (val) => {
代码语言:javascript
运行
复制
        console.log("object")
代码语言:javascript
运行
复制
    }
代码语言:javascript
运行
复制
}

}

导出默认连接(mapStateToProps、mapDispatchToProps)(测试)

代码语言:javascript
运行
复制
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-01-30 01:37:43

这里的问题是,您正在尝试使用您编写的测试组件,而不是由react-reduxconnect()返回的高阶组件,您不需要导出Test类。

在login.js文件中,使用

import Test from './Test'

而不是

import {Test} from './Test'

在这里看看它的实际效果。https://codesandbox.io/s/sample-test-app-q5srf

票数 0
EN

Stack Overflow用户

发布于 2020-01-30 01:31:47

您使用了错误的组件。登录时需要导入:

代码语言:javascript
运行
复制
import Test from './Test'

您导入的测试没有连接到redux (这将推送redux属性)。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59971452

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档