JS文件中的React组件——在HTML文件中的脚本中使用ReactDOM

Question

如何在HTML文件中导入脚本中的组件?
要完成以下工作需要做哪些修改?Babel库应该添加到HTML文件中吗?(Webpack和React已经安装)

在car.js

class Car extends React.Component {
render() { return (<p>nice car</p>) }}

在page.html

...
<script type="text/babel">
import Car from "static/car.js"      //<---------????????
ReactDOM.render(<Car />, document.querySelector("#root"));
</script>

Answer 1

不需要import Car from "static/car.js"，它将在JS文件中工作。

的HTML需要像<script type="text/babel" src="static/car.js"></script>的关联

<script src="static/car.js" type="text/babel"></script>
<script type="text/babel">
ReactDOM.render(<Car />, document.querySelector("#root"));
</script>