无论我如何尝试,当我使用react时,我无法得到一个console.log消息来打印一条消息。如果我创建了一个空文档,那么它就能工作,但是如果我试图在我导入的文件中控制台记录一些东西,那么什么也不会显示出来。相反,它给了我一些错误,我甚至没有看到在那里。示例:
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然后我得到:
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```发布于 2020-10-21 20:33:21
在开始使用React或JS编写代码之前,您必须了解两件事:
1)返回语句后的所有代码都不会执行,因此console.log无法读取
发布于 2020-10-21 20:47:19
编辑: Console.log确实在组件之外工作。
注意,它不会打印到VSCode控制台,而会打印到浏览器控制台。
至于另一个错误,您需要确保包含行import React from 'react'。
https://stackoverflow.com/questions/64470727
复制相似问题