単純なReactDOM divをレンダリングできません

私はReactJSの初心者です。私はReactDOMを使って単純なdivを描画しようとしていましたが、そうすることはできませんでした。私のコードは以下の通りです：単純なReactDOM divをレンダリングできません

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Hello React</title> 
    </head> 
    <body> 
    <div id="root"> 
    </div> 
    <script src="https://unpkg.com/[email protected]/dist/react.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> 
    <script> 
     ReactDOM.render(
     <h1>Hello, world!</h1>, 
      document.getElementById('root') 
    ); 
    </script> 
    </body> 
</html>

私はなぜそのような出来事が起こっているのか教えてください。

注 - 私はあなたがどんなtranspiler（バベルなど）なしでJSXを使用しようとしているリアクト15.4.2およびChromeバージョン57

出典

2017-03-16 himanshuIIITian

を使用していない別の例を参照してください？おそらく、あなたはバベルなしでJSXを使うことはできません。 –

本当に '

を使用しています。

ReactDOM.render(
     React.createElement('hi', 'Hello, world!'), 
      document.getElementById('root') 
    );

するか、スクリプトを追加し、typeはJSXを処理するために：

代わりにこれを試してみてください。

出典

2017-03-16 11:38:41

単純なReactDOM divをレンダリングできません

関連する問題