ReactJS不會渲染到index.htm
[英]ReactJS won't render to index.htm
問題描述
在Codecademy上幾乎完成了React的學習，所以我想開始在PC上對其進行編碼。 我已經把目錄放到我的XAMPP服務器上，但是React應用仍然無法渲染。
class LandingPage extends React.Component { render() { return ( <h2>Hello</h2> ); } } ReactDOM.render(<LandingPage />, document.getElementById('app'));
<!DOCTYPE html> <html lang="en"> <head> <title>ReactApp</title> <meta name="author" content="Mae" /> <link type="text/css" rel="stylesheet" href="sass/design.css" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <link href="https://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet"> <!-- import react, react-dom and babel-core --> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.0.0/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.0.0/umd/react-dom.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js"></script> <body> <div id="app"> </div> <script type="text/babel" src="react-front.js"></script> <!--Import jQuery--> <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> </body> </html>
1 個解決方案
解決方案1
0 已采納 2017-10-25 12:19:04
我認為默認情況下，沒有任何瀏覽器能夠理解JSX。 您需要設置鏈以將源代碼編譯為純JS。 如果您只想玩轉，我建議使用Create React App。 請參閱： https ： //reactjs.org/docs/installation.html#creating-a-new-application
ReactJS - 事件未定義，它不會呈現 onChange 事件？
[英]ReactJS - Events is undefined, It won't render onChange event?
為什么我的 JSX 元素數組不會出現在我的 reactjs 渲染中？
[英]Why won't my array of JSX elements appear in my reactjs render?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.