Spring Boot（在reactjs中注入腳本）

我真的很難搞清楚我可能會做錯什麼，因爲大多數情況可能已經過測試。Spring Boot（在reactjs中注入腳本）

我正在寫網絡應用程序使用Spring Boot和ReactJS for frontend。我現在想寫一個簡單的腳本來顯示一些從單獨的文件導入到html的純文本。這樣做後，我沒有真正顯示出來。

這裏是我的項目的結構：

enter image description here

，這裏是我的app.js在我有我的組件定義：

var CommentBox = React.createClass({ 
render: function() { 
    return (
     <div className="commentBox"> 
      Hello, world! I am a CommentBox. 
     </div> 
    ); 
} 
}); 
    ReactDOM.render(<CommentBox />, document.getElementById('content') 
);

下面是cardists。 html頁面：

<!DOCTYPE html> 
<html> 
<head> 
<title>Cardists</title> 
    <link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/ 
    3.3.7/css/bootstrap.min.css"/> 
</head> 
<body> 

    <div id='root'></div> 
     <script src="react-15.0.1.js"></script> 
     <script src="react-dom-15.0.1.js"></script> 
     <script src="cdnjs.cloudflare.com/ajax/libs/babel- 
     core/5.8.23/browser.min.js"></script> 

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

</body> 
</html>

[問題] 在哪裏可以我可能犯了一個錯誤的家居乍一看似乎確定給我，但我越來越空白頁;/

來源

2017-09-04 user8071107

您渲染content DIV您的應用程序一樣

ReactDOM.render(<CommentBox />, document.getElementById('content')

但是在你的html文件中沒有帶content的ID。有一個ID爲root的div，因此您需要在該div中呈現您的組件，例如

ReactDOM.render(<CommentBox />, document.getElementById('root')

來源

2017-09-04 17:07:37

Spring Boot（在reactjs中注入腳本）

回答

相關問題