创建ReactJs Hello world程序时出错
当我在react中运行hello world时,我是react的新手,在react中运行hello world时,给我一个错误语法错误:预期表达式,得到“您试图在纯HTML/JavaScript中使用JSX(创建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
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