Reactjs 努力在react中启动hello world_Reactjs

Reactjs 努力在react中启动hello world

reactjs

Reactjs 努力在react中启动hello world,reactjs,Reactjs,似乎很多人都在努力为React创建最初的hello world，而我似乎可以找到解决问题的方法。这是我的test.js文件： import React from 'react'; import ReactDOM from 'react-dom'; ReactDOM.render(<h1>hello world</h1>, document.getElementById("root")); 从“React”导入React；从“react dom”导入react dom

似乎很多人都在努力为React创建最初的hello world，而我似乎可以找到解决问题的方法。这是我的test.js文件：

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

ReactDOM.render(<h1>hello world</h1>, document.getElementById("root"));

从“React”导入React；
从“react dom”导入react dom；
render（helloworld，document.getElementById（“根”）；

这是我的html文件：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
    </head>
    <body>
        <p>Hello world should appear below: </p>
        <div id="root"></div>
        <!--React script-->
        <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
        <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
        <script src="https://unpkg.com/babel-standalone@6.26.0/babel.min.js"></script>
        <script src="test.js"></script>
    </body>
</html>


Hello world应出现在下面：

我试图遵循上给出的示例，这是我得到的错误。我尝试添加type=“modal”，但没有效果。

请确保存在错误。当您执行这一行时，您正在浏览器中运行javascript ES6

浏览器只读取javascript ES5

使用

babel loader

，您将错过网页包编译步骤。它将在javascript ES5中生成一个包，供浏览器打开。

检查此项