無法呈現簡單的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>

任何人都可以指導我，爲什麼它的發生？我使用的陣營15.4.2和Chrome版本57.

來源

2017-03-16 himanshuIIITian

什麼是錯誤消息的另一個例子嗎？也許，你不能使用沒有babel的JSX。 –

很確定你需要指定腳本類型爲內聯React'

你試圖使用JSX沒有任何transpiler（通天塔等） -

注意。

試試這個：

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

或者添加腳本和type處理JSX。

來源

2017-03-16 11:38:41

相關問題