Question

我开始编码reactjs并且我混淆了html5如何处理reactjs。我们是否需要构建一个单独的html5表或代码html5直接导入jsx表？

Answer 1

React是基于组件的java脚本lib。所以你的HTML代码只是通过{ .close() | .term() }代码结构链接jsx。您的xml代码构建并在 JSX 的扩展名中创建应用程序，如main.js。 Refer here to build react app

<强>的index.html

这只是常规HTML。我们正在设置div id =＆＃34; app＆＃34;作为我们的应用程序的根元素，并添加index.js脚本，这是我们捆绑的应用程序文件。

App.jsx

<强> App.jsx

<!DOCTYPE html>
<html lang = "en">

   <head>
      <meta charset = "UTF-8">
      <title>React App</title>
   </head>

   <body>
      <div id = "app"></div>
      <script src = "index.js"></script>
   </body>

</html>

<强> main.js

import React from 'react';

class App extends React.Component {
   render() {
      return (
         <div>
            Hello World!!!
         </div>
      );
   }
}

export default App;

编码反应与html的内置

1 个答案: