第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

將 React 包含到現(xiàn)有網(wǎng)頁中 - 多個 React 組件

將 React 包含到現(xiàn)有網(wǎng)頁中 - 多個 React 組件

慕斯709654 2021-06-01 08:24:00
我正在嘗試將 React 包含到網(wǎng)頁中。我想將組件分解成它自己的 .js 文件。我沒有任何運氣。我的 index.html 文件看起來像這樣。<html>  <head>    <meta http-equiv="content-type" content="text/html; charset=utf-8">    <title>Hello React!</title>    <script src = "https://unpkg.com/react@16/umd/react.development.js ">/script>    <script src = "https://unpkg.com/react-dom@16/umd/react-dom.development.js "></script>    <script src = "https://unpkg.com/babel-standalone@6.26.0/babel.js"></script>     </head>  <body>    <div id="root">     </div>    <script src="app.js" type="text/babel"> </script>    <script src="greetings.js" type="text/babel"> </script>   </body>我的 app.js 文件看起來像這樣。class App extends React.Component {        render() {          return (           <div>             <Greetings />             <h1>Hello World!</h1>           </div>             )          }      }ReactDOM.render(<App />, document.getElementById('root'))我的 greetings.js 文件看起來像這樣class Greetings extends React.Component {        render() {          return <h1>Hi</h1> }}所以我期待“嗨”,然后是“你好世界!” 但我收到“未定義問候語”。你能幫助我嗎?
查看完整描述

1 回答

?
慕容708150

TA貢獻1831條經(jīng)驗 獲得超4個贊

我正在回答我自己的問題。加載 .js 文件的順序是問題所在。它一定要是


<script src="greetings.js" type="text/babel"> </script> 

<script src="app.js" type="text/babel"> </script>

然后它正確地顯示了網(wǎng)頁。


查看完整回答
反對 回復(fù) 2021-06-03
  • 1 回答
  • 0 關(guān)注
  • 117 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號