通过javascript处理json对象和react

Question

所以我正在尝试构建一个应用程序。我有一个 Java API，它将数据库中的数据作为 json 对象提供。我想通过一个使用 javascript 的 html 网站并对可视化做出反应。我将这段代码作为我的 javascript 代码开始

const url = 'localhost:8080/getcomments?testcaseid=1';
fetch(url)
    .then(response => response.json())
    .then(data => {
      var rootElement =
        React.createElement('div', {},
          React.createElement('h1', {}, "test"),
          React.createElement('ul', {},
            React.createElement('li', {},
              React.createElement('h2', {}, data.comment)
            )
          )
        )
     ReactDOM.render(rootElement, document.getElementById('react-app'))
    });

在浏览器中运行时返回的url

[{"id":50,"testcaseId":1,"userId":1,"comment":"dit is voor de eerste testcase"}]

但是当我使用 html 页面运行它时，我只是得到一个空白页面。然后我认为这可能是反应代码并将data.comment更改为“hello”，但也没有返回。当我将反应片段复制到 fetch 之外时，我得到了一些回报。此外，当我运行 html 页面时，我的 Java API 上没有任何响应。但是当我运行 url 时，我得到了很多响应。 我做错了什么？

Answer 1

您可以先尝试调试响应。

试试

.then((response) => {
   var parseResult = response.json();
   console.log(parseResult);
   return parseResult;
 })

先确保json数据正确，然后才能调试react代码。