react中props属性传递的问题,const {dataSource}= this.props;

     const { dataSource } = this.props;

如上面代码,这是什么意思?希望详细说明,为什么不能够用下面的方式取值

     const { dataSource } = this.props.dataSource;

上面这种方式为什么取到的值是undefined

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

4条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
qq_36010298 2018-11-30 09:31
关注
可以了解一下 js的解构赋值

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(3条)

报告相同问题？

关注问题

react中props属性传递的问题,const {dataSource}= this.props;
2017-07-24 02:07

回答 4 已采纳可以了解一下 js的解构赋值
react，Filter，点击遮罩层没反应，点击“确定”后报错Uncaught TypeError: this.props.onFilter is not a function？ javascript react.js 前端
2022-10-13 17:20

回答 2 已采纳引用 Filter 组件的地方需要传onFilter函数
React中循环setState，如何拿到正确拿到最新的this.state? es6 react.js reactjs
2022-08-15 18:18

回答 1 已采纳 onLoadData= useCallback(async(e: any)=>{ const {TreeData}= this.state console.log(TreeD
React 进阶使用
2023-02-25 20:34

巜巜的博客 children属性，props校验-场景和使用，组件生命周期，todoMvc
react props 打印为空 react.js 前端
2022-09-17 10:26

回答 2 已采纳你 constructor 传入的 prop少写了一个s constructor(props){ super(props) }
react，chrome浏览器报错：Uncaught ReferenceError: props is not defined javascript react.js 前端
2022-11-01 00:02

回答 4 已采纳函数式组件，想要使用props，得把props作为参数传给函数
React中antd的table组件dataSource值为布尔值，怎么转换并渲染到界面 react.js 前端
2022-05-06 22:21

回答 1 已采纳用map修改数组中的isBank的值，修改为你要显示的值，比如是或否？大概方式如下，随便写的记得调试下~ <table dataSource={array.map(tem=>{ tem
react this.setState接收参数。写成Promise形式。以及async/await和Promise的区别
2022-07-28 09:55

小刘先生很努力的博客 }) }, // 计算总和显示在购物车图标上 const total = this.props.dataSource.reduce((total, cur) => { return ( total + cur.cartList.reduce((tempTotal, cur) => { return tempTotal + cur.packNum; }, 0) ); },...
react 我在子组件里怎么写避免子组件不被父组件传递的props属性变更影响？导致组件重载 react.js 前端
2023-02-16 09:32

回答 2 已采纳在 React 中，当 props 发生变化时，会触发组件的重新渲染。在父组件中，如果通过 props 将数据传递给子组件，当父组件的状态变化时，子组件也会随之重新渲染。如果你想要避免在子组件中触发
React报错 TypeError: instance.render is not a function react.js 有问必答
2021-10-25 14:22

回答 1 已采纳 render ，不是rander
react使用高德定位怎么在其方法中获得this react.js
2023-01-31 14:41

回答 2 已采纳可以在高德定位插件的回调函数中使用bind(this)方法将this绑定到React实例上，这样就可以在回调函数中访问React实例的this对象。例如： const AMap = window.AM
在使用React+ant中的一些问题
2022-02-26 12:02

goat-on-the-way的博客在使用React+ant中的一些问题 1.合并表格 (73条消息) Ant Design的Table合并单元格处理rowSpan_Candice_C的博客-CSDN博客_ant table合并单元格 2.往QueryFilter的输入框插值 Form表单的运用 import {Form } from '...
使用React-Autosuggest遇到的问题 react.js 前端有问必答
2022-07-15 10:37

回答 2 已采纳 onInput只更新内容，不做其他操作会出错了？只能一步一步来排除到底哪个出问题了。const onInput = async (newValue) => { setValue(newVa
4. React 高阶组件、Render props、hooks 有什么区别, 为什么要不断迭代？
2022-08-26 09:34

MossGrower的博客 4. React 高阶组件、Render props、hooks 有什么区别, 为什么要不断迭代？这三者是目前 `react` 解决代码复用的主要方式: 高阶组件(`HOC`)是 `React` 中用于复用组件逻辑的一种高级技巧。`HOC` 自身不是 `React API...
React中高阶组件、Render props、hooks
2021-10-24 13:25

liuzhao0613的博客这三者都是react中解决代码复用的主要方式： 1、HOC 在官方解释中：高阶组件（HOC）是 React 中复用组件逻辑的一种高级技巧。HOC自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的一种设计...
没有解决我的问题, 去提问

悬赏问题

¥15 MapReduce结果输出到HBase，一直连接不上MySQL
¥15 扩散模型sd.webui使用时报错“Nonetype”
¥15 stm32流水灯＋呼吸灯＋外部中断按键
¥15 将二维数组，按照假设的规定，如0/1/0 == "4"，把对应列位置写成一个字符并打印输出该字符
¥15 NX MCD仿真与博途通讯不了啥情况
¥15 win11家庭中文版安装docker遇到Hyper-V启用失败解决办法整理
¥15 gradio的web端页面格式不对的问题
¥15 求大家看看Nonce如何配置
¥15 Matlab怎么求解含参的二重积分？
¥15 苹果手机突然连不上wifi了？

react中props属性传递的问题,const {dataSource}= this.props;

4条回答 默认 最新

悬赏问题

4条回答默认最新