传递给组件的对象变为空

Posted

技术标签:

【中文标题】传递给组件的对象变为空【英文标题】:Object Passed to Component Becomes Empty 【发布时间】:2020-12-28 11:30:01 【问题描述】:

我正在使用 React Hooks 制作一个简单的测验应用程序。

我将question 对象传递给ResultModel 组件。

这里我在将console.log question 对象传递给ResultModel 组件之前。

这里我 console.log question 对象内部的 ResultModel 组件。

结果如下...我得到一个空的question 对象。

【问题讨论】:

【参考方案1】:

您缺少用于解构道具的大括号。您称为question 的变量实际上是上下文对象。

解决方法是这样做:

export default function ResultModal( isCorrect, question, getQuestion) 

或者,如果您愿意,不要在参数列表中解构:

export default function ResultModal(props) 
  const  isCorrect, question, getQuestion  = props;

【讨论】:

以上是关于传递给组件的对象变为空的主要内容,如果未能解决你的问题,请参考以下文章

将数组传递给组件

判断字符串为空为 null 为 whitespace 工具类

linux字符测试

从子组件传递时,FormData 在父组件中为空

传递给函数的对象数组为空

NSManagedObjectContext 传递给 NSWindowController 变为 nil