reactjs - Console.log 使用反应 - 它返回语法错误:意外的令牌,预期的“...”
问题描述
我是新手,在使用 console.log 时遇到了一些困难。
我想登录这个元素,例如:
{!!image && (
<div className={styles.media}>
<DisplayImage
className={styles.imageWrap}
id={image}
alt={imageMeta?.altText}
imageMeta={imageMeta}
nextImageFill={true}
{console.log()} // like this
/>
{console.log(DisplayImage)}
{console.log(imageMeta.mediaItemUrl)}
</div>
)}
它返回语法错误:意外的令牌,预期的“......”我应该怎么做?
谢谢!
解决方案
改用debugger
...
就在您的return
声明之前,投入一个调试器,确保您正在查看加载所有信息的循环。删除组件console.log()
内部的语句DisplayImage
,您将其视为发送的自定义道具,它不会那样工作。
进入调试器后,您可以在浏览器或 IDE 的开发控制台中检查所有状态、道具、值等。
推荐阅读
- java - 如何在 JSOUP 中更改浏览器版本?
- c# - 未能创建组件“ReportViewer”。错误信息如下:
- php - 如何在高级文本小部件 WordPress 中运行 PHP 代码
- php - Laravel 在查询结果中的使用条件
- android - 如何在我的 android 应用程序中使用 OMDB API?
- javascript - Laravel ajax 文件上传(excel 文件:1M+ 行)
- integration - 用于集成 yodlee FastLink 3.0 的 Cobrand 密码
- latex - 如何在算法 Latex 中添加 C++ 样式的多行注释
- list - 如何生成一个只有两个 1 和给定长度的其他 0 的列表?
- android - 如何在本机反应中添加更多按钮按下