编码reactjs与内置的html

2017-07-14 36 views 0 likes

我开始编码reactjs和IM混淆了html5如何在reactjs上工作。我们是否需要构建一个单独的html5工作表或代码html5直接到jsx表单中？编码reactjs与内置的html

2017-07-14 Thanh Dao

嘿朋友！欢迎来到Stackoverflow。请花些时间阅读帮助页面，特别是[Stack Overflow问题清单]（http://meta.stackexchange.com/q/156810/204922）以及如何发布包含[最小，完整和可验证示例]（http://stackoverflow.com/help/mcve）。就目前而言，你的问题是任何人都无法帮助你的方法。 – Chris

也请花一些时间通过[欢迎导览]（https://stackoverflow.com/tour）了解您在这里的方式（并获得您的第一张徽章）。 – DarkCygnus

回答

React是基于组件的java脚本库。所以你的html代码只需通过main.js代码结构链接jsx。您的xml代码将在JSX（如App.jsx）的扩展中生成并应用。 Refer here to build react app

的index.html

这只是普通的HTML。我们将div id =“app”设置为我们应用程序的根元素，并添加了我们的捆绑应用程序文件index.js脚本。

<!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>

App.jsx

import React from 'react'; 

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

export default App;

main.js

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import App from './App.jsx'; 

ReactDOM.render(<App />, document.getElementById('app'));

来源

2017-07-14 10:45:46 vnomvk

编码reactjs与内置的html

回答

相关问题