首页 > 解决方案 > 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>
    )}

它返回语法错误:意外的令牌,预期的“......”我应该怎么做?

谢谢!

标签: reactjs

解决方案


改用debugger...

就在您的return声明之前,投入一个调试器,确保您正在查看加载所有信息的循环。删除组件console.log()内部的语句DisplayImage,您将其视为发送的自定义道具,它不会那样工作。

进入调试器后,您可以在浏览器或 IDE 的开发控制台中检查所有状态、道具、值等。


推荐阅读