Spring Boot（在reactjs中注入腳本）

Question

由於要對大多數場景進行測試，因此我很難確定我可能做錯什么。

我正在使用Spring Boot和ReactJS作為前端編寫Web應用程序。 我現在正在嘗試編寫顯示一些純文本的簡單腳本，該純文本是從單獨的文件導入到html文件中的。 這樣做之后，我最終什么都沒有出現。

這是我的項目結構：

在此處輸入圖片說明

這是我的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>

[問題]我可以在哪里犯錯，因為乍一看對我來說似乎一切正常，但我的頁面空白； /

Answer 1

您正在content div中呈現您的應用程序，例如

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

但是在您的html文件中，沒有包含content ID的div。 有一個ID為root div，因此您需要在該div中渲染組件，例如

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

Spring Boot（在reactjs中注入腳本）

問題描述

1 個解決方案

解決方案1
1 2017-09-04 17:07:37

Spring Boot（在reactjs中注入腳本）

問題描述

1 個解決方案

解決方案1 1 2017-09-04 17:07:37

解決方案1
1 2017-09-04 17:07:37