无法显示反应成分

问题描述 投票:-2回答:1

[试图获得一个非常简单的组件以显示在html上,但是在4个小时后运气为零。我一直遇到相同的问题,并仔细研究了所有我认为可以帮助但仍然无法解决的stackoverflow问题和已实现的问题。我仍然通过“ Uncaught SyntaxError:Unexpected token'遇到相同的错误

这是我的html:

<!DOCTYPE html>
<html>
<head>


</head>
<body>

    <div id= "root"></div>
    <script type="text/jsx" src="k.js">



    </script>

</body>
</html>

这是我的JavaScript文件:

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

ReactDOM.render(<h1>okokok</h1>, document.getElementById('root'))

这是我的package.json:

{
  "name": "http-server",
  "version": "1.0.0",
  "description": "",
  "main": "k.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}
javascript reactjs ecmascript-6 jsx react-dom
1个回答
0
投票

ReactDOM.render()不接受标准HTML。您必须提供一个React组件,例如:

var foo = '<h1>okokok</h1>'

然后将其用作:

ReactDOM.render(<Foo />, document.getElementById('root'))
© www.soinside.com 2019 - 2024. All rights reserved.