Fatal编程技术网
  • node.js/
  • Node.js 为什么不能用ReactJS呈现HTML

Node.js 为什么不能用ReactJS呈现HTML

node.js reactjs typescript visual-studio-code

Node.js 为什么不能用ReactJS呈现HTML,node.js,reactjs,typescript,visual-studio-code,Node.js,Reactjs,Typescript,Visual Studio Code,我在网上看到了大量使用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 ); import*作为“react dom”中的rea

我在网上看到了大量使用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
);

import*作为“react dom”中的react dom；
ReactDOM.render(
Hello world！！，//或任何其他有效的html代码段
document.getElementById（'root'）作为HTMLElement
);
然而，当我试图在我的机器中重现这些多个示例时，我首先从VS代码中得到一个突出显示错误，然后当我尝试捆绑时，我得到这个错误：

TS2686:“React”指的是UMD全局文件，但当前文件是 模块。请考虑添加导入。< /P> 如果我没有将HTML作为函数的参数，而是编写了一个
mysimplecomponent.render（）
，那么生成的包将不会出错

该代码段有什么问题？

尝试将
import*添加为React from'React'
是React组件（
React.createClass（'h1'）
在将JSX传输到JavaScript之后），但是您只导入了
ReactDOM

…因为一旦传输了JSX，那就是
Hello world变成
React.createElement（“h1”/*…*/）。太好了！成功了。如果html是硬编码的，您知道为什么需要该引用吗？这对我来说没有意义。你不需要参考它。这仍然有效，但HTMLElement是错误的。这是有效的ReactDOM.render（helloworld！！，document.getElementById（'root'）@HemadriDasari-OP使用的是TypeScript。作为HTMLElement的
是正确的。好的，对不起，我没有键入脚本