發生反應，使文檔

我的整個代碼如下所示：發生反應，使文檔

<!DOCTYPE html> 
<html> 
<head> 
    <title>React course</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script src="https://unpkg.com/[email protected]/dist/react.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script> 
</head> 
<body> 

    <div id="example"></div> 

    <script type="text/babel"> 

     var Comment = React.createClass({ 

      edit: function() { 
       alert('Editing comment'); 
      }, 

      remove: function() { 
       alert('Removing comment'); 
      }, 

      render: function() { 
       return (
        <div className="commentContainer"> 
         <div className="commentText">Text of whatever</div> 
         <button onClick={this.edit} class="btn-primary">Edit</button> 
         <button onClick={this.remove} class="btn-danger">Remove</button> 
        </div> 
       ); 
      } 
     }); 

     ReactDOM.render(
      <div className="board"> 
       <Comment>Heya</Comment> 
      </div> 
     ,document.getElementById('container')); 
    </script> 
</body>

當我刷新頁面我什麼也看不見。然後我檢查元素，我看到圖像中看到的錯誤，但是我不知道自從發生了什麼新的反應之後會發生什麼。

希望你能幫助

來源

2017-07-31 Ragmah

您在一個名爲'container'的頁面上沒有元素，只有'

' – Morpheus

謝謝你。由於某種原因，我沒有注意到 – Ragmah

我想這是因爲你沒有與容器的標識的HTML元素。本部分必須引用一個有效的HTML元素。 document.getElementById('container'));

嘗試將example的ID更改爲container。

來源

2017-07-31 09:53:04 spirift

謝謝你。出於某種原因，我沒有注意到 – Ragmah

發生反應，使文檔

回答

相關問題