Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
创建ReactJs Hello world程序时出错_Reactjs - Fatal编程技术网

创建ReactJs Hello world程序时出错

创建ReactJs Hello world程序时出错,reactjs,Reactjs,当我在react中运行hello world时,我是react的新手,在react中运行hello world时,给我一个错误语法错误:预期表达式,得到“您试图在纯HTML/JavaScript中使用JSX(hello,world!) 浏览器不直接支持JSX,它需要在构建时由Babel转换成JavaScript 或者,您可以在不使用JSX的情况下使用React,您的代码如下: ReactDOM.render( React.createElement('h1', undefined, 'Hel

当我在react中运行hello world时,我是react的新手,在react中运行hello world时,给我一个错误语法错误:预期表达式,得到“您试图在纯HTML/JavaScript中使用JSX(
hello,world!

浏览器不直接支持JSX,它需要在构建时由Babel转换成JavaScript

或者,您可以在不使用JSX的情况下使用React,您的代码如下:

ReactDOM.render(
  React.createElement('h1', undefined, 'Hello, world!'), 
  document.getElementById('root')
);

作为第三种选择,您可以在HTML文件中嵌入Babel,但这只是为了学习,因为对于生产应用程序来说性能不够:

<html>
    <head>
        <meta charset="UTF-8" />
        <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
        <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js"></script>
        <script type="text/babel">
            ReactDOM.render(<h1>Hello, world!</h1>,document.getElementById('root'));

        </script>
    </head>
    <body>
        <div id="root"></div>
    </body>
</html>

render(Hello,world!,document.getElementById('root');

您试图在纯HTML/JavaScript中使用JSX(
你好,世界!

浏览器不直接支持JSX,它需要在构建时由Babel转换成JavaScript

或者,您可以在不使用JSX的情况下使用React,您的代码如下:

ReactDOM.render(
  React.createElement('h1', undefined, 'Hello, world!'), 
  document.getElementById('root')
);

作为第三种选择,您可以在HTML文件中嵌入Babel,但这只是为了学习,因为对于生产应用程序来说性能不够:

<html>
    <head>
        <meta charset="UTF-8" />
        <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
        <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js"></script>
        <script type="text/babel">
            ReactDOM.render(<h1>Hello, world!</h1>,document.getElementById('root'));

        </script>
    </head>
    <body>
        <div id="root"></div>
    </body>
</html>

render(Hello,world!,document.getElementById('root');

我们需要更多信息,你是如何运行此代码的?我在浏览器中正常运行此代码如果你没有传输它,你不能使用JSX语法,你必须使用
React.createElement
我们需要更多信息,你是如何运行此代码的?我在浏览器中正常运行此代码如果你没有传输它,你不能使用JSX语法,您必须使用
React.createElement