reactjs Javascipt代码显示在网站上而不是处理它

fdx2calv 于 2023-01-25 发布在 React

关注(0)|答案(1)|浏览(148)

我刚刚安装了react和make，并在Vscode中打开了文件夹，然后删除了src文件夹中的所有内容，并创建了一个javascipt文件。接下来，我编写了以下代码：

import React from "react";
import ReactDOM from "react-dom";
const element= <h1> Hello </h1>;
console.log(element);

问题是，而不是处理代码，它显示在网页中，甚至当我链接到一个html文件.控制台显示错误“SyntaxError：无法在模块””外部使用import语句

reactjs

来源：https://stackoverflow.com/questions/74787787/javascipt-code-showing-on-website-instead-of-processing-it

1条答案

按热度按时间

d7v8vwbk1#

import React from "react";
import ReactDOM from "react-dom";

ReactDOM.render(<h1>Hello</h1>, document.getElementById('root'));

const element = <h1>Hello</h1>;
console.log(element);

这段代码导入React和ReactDOM库，这是创建React组件所必需的。
你好
元素添加到ID为'root'的HTML元素。最后一行创建一个React元素并将其存储在变量'element'中，然后将其记录到控制台。

赞(0）回复(0）举报 2023-01-25

我来回答

reactjs Javascipt代码显示在网站上而不是处理它

1条答案

相关问题

热门标签

最新问答