首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在使用react时,您可以console.log到VScode中的内部终端吗?

在使用react时,您可以console.log到VScode中的内部终端吗?
EN

Stack Overflow用户
提问于 2020-10-21 19:47:36
回答 2查看 1.3K关注 0票数 0

无论我如何尝试,当我使用react时,我无法得到一个console.log消息来打印一条消息。如果我创建了一个空文档,那么它就能工作,但是如果我试图在我导入的文件中控制台记录一些东西,那么什么也不会显示出来。相反,它给了我一些错误,我甚至没有看到在那里。示例:

代码语言:javascript
复制
const WeatherCard = (props) => {
let temp = 12
let topcolor = (1-((temp-12)/28))*255
let lowcolor = topcolor - 150

 return (
<div style={{backgroundImage: `linear-gradient(rgb(255,${topcolor},0),rgb(255, ${lowcolor},0))`}} className="card">
    <div className="location">
        <h1 className="city">Sydney</h1>
        <h3 className="country">AU</h3>
    </div>
    <img className="icon" src="./img/Mostly Cloudy-2x.png" alt="Weather Icon"/>
    <h1 className="temp">20°C</h1>
    <h3 className="conditon"> Clouds</h3>
</div>
    )
}

console.log("test")
export default WeatherCard

然后我得到:

代码语言:javascript
复制
file:///Users/MYCOMPUTER/Dropbox/Programmeringsprojekt/my-app/src/WeatherCard.js:10
<div style={{backgroundImage: `linear-gradient(rgb(255,${topcolor},0),rgb(255, ${lowcolor},0))`}} className="card">
^

SyntaxError: Unexpected token '<'
    at Loader.moduleStrategy (internal/modules/esm/translators.js:141:18)
    at async link (internal/modules/esm/module_job.js:42:21)

[Done] exited with code=1 in 0.086 seconds```
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-10-21 20:33:21

在开始使用React或JS编写代码之前,您必须了解两件事:

1)返回语句后的所有代码都不会执行,因此console.log无法读取

  1. 如果您想在组件之前执行代码,您必须使用useEffect,我允许您读取
票数 0
EN

Stack Overflow用户

发布于 2020-10-21 20:47:19

编辑: Console.log确实在组件之外工作。

注意,它不会打印到VSCode控制台,而会打印到浏览器控制台。

至于另一个错误,您需要确保包含行import React from 'react'

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

https://stackoverflow.com/questions/64470727

复制
相关文章

相似问题

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