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

IT技术 javascript html reactjs babeljs
2021-05-11 13:05:10

如何在 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>
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>

其它你可能感兴趣的问题
上一篇Url Loader，加载我的背景图片一次然后刷新页面后它无法出现 下一篇将 firebase 作为参数添加到 thunk 时，Object(...) 不是函数