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

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>

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

React component in JS file -- ReactDOM to be used in script in HTML file

html

javascript

reactjs

babeljs