node.js - 为什么不能用 ReactJS 渲染 HTML

Question

我在网上看到了大量使用 React 和 typescript 的示例和测试，它们发出如下内容：

import * as ReactDOM from 'react-dom';

ReactDOM.render(
 <h1>Hello world!!</h1>, //or any other valid html snippet
 document.getElementById('root') as HTMLElement
);

但是，当我尝试在我的机器中重现这些多个示例时，我首先得到来自 VS 代码的高亮错误，然后当我尝试捆绑时，我得到这个错误：

TS2686：“React”指的是一个 UMD 全局，但当前文件是一个模块。考虑改为添加导入。

如果不是将 HTML 作为我编写的函数的参数 a my SimpleComponent.render()，则将生成捆绑包而不会出错。

该代码段有什么问题？

标签： node.jsreactjstypescriptvisual-studio-code

Answer 1

尝试添加import * as React from 'react'. <h1>是 React 组件（React.createClass('h1')在将 JSX 转换为 JavaScript 之后），但您只导入了ReactDOM.