我的世界Hello沒出現
[英]My hello world React not appear
問題描述
我是React的新手。 我閱讀了React的官方教程，並嘗試創建一個基本的hello world react應用程序，但沒有成功。 我在網上和這里都找到了答案，但沒有找到答案。 您能告訴我我想念的是什么，我需要做什么？ 以下是我的html和javascript文件：
import React from 'react'; import ReactDOM from 'react-dom'; ReactDOM.render( <h1>Hello, World</h1>, document.getElementById('root') );
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css"> <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script> <script type="text/jsx" src="inputPhoneNumber.js"></script> </head> <body> <div class="jumbotron jumbotron-fluid"> <div id="root" class="container"> </div> </div> </body> </html>
1 個解決方案
解決方案1
1 2018-07-07 21:37:59
您需要做的就是像已經擁有的react和react-dom腳本，一個根元素（如具有id root的div ，以及一個使用ReactDOM將最頂層的組件渲染到根元素中的文件。
例
ReactDOM.render( React.createElement('h1', {}, 'Hello, World'), document.getElementById('root') );
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> <div id="root"></div>
回應Hello World問題
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.