您如何在不使用babel的情况下运行reactjs

问题描述 投票:0回答:1

我们得到了以下不包含babel的示例。如何使它在没有通天塔的情况下运行?

我使用http-server -c-1启动npm服务器。没有通天塔,我会得到空白页

<!DOCTYPE html>
<html>
   <head>
      <title>hello</title>
      <script src="react/react.js"></script>
      <script src="react/react-dom.js"></script>
      <!--  <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>-->
   <head>
   <body>
      <div id='container'>
      <div>
   </body>
   <script type="text/jsx">
      ReactDOM.render(
         <h1>Hello1 React</h1>,
         document.getElementById('container')
      );
   </script>
reactjs babel
1个回答
0
投票

您无法在没有babel的情况下运行此示例。 Babel是一个使用text/jsx脚本并将其转换为浏览器可以解析和运行的纯JavaScript的库。

但是您不能使用JSX,而要使用React.createElement('h1', ...创建您的react应用程序。 (请参见https://reactjs.org/docs/react-without-jsx.html)。但我不推荐。

© www.soinside.com 2019 - 2024. All rights reserved.