Javascript TypeError:无法在reactJS中将属性“innerHTML”设置为null

在.js文件中

---

我确信json文件是非空的，但错误仍然存在。

下面的示例是如何在React中执行此操作。我建议您查看React文档：

//表示JSON数据的常量。 常量项=[A，B，C]； 常数表==>{ 回来 { items&&items.mapitem=> {item} } ; }; ReactDOM.render、document.getElementByIdapp_根目录；

---

HTML中没有具有该ID的元素！HTML不包含id为output的元素。这也不像是如何反应的，所以如果你的意图是使用反应，那么你应该开始从他们的教程。混合直接DOM操作和反应通常是一个非常糟糕的想法无论如何。你应该考虑在开始之前观看一些教程的反应。

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import data from './list.json';
import * as serviceWorker from './serviceWorker';
function print_data(){
    var output="<tb>";
    for(var i=0;i<data.length;i++){
        output+='<tr>';
        output+='<td>'+i.toString()+"</td>";
        output+='<td>'+data[i]["a"]+"</td>";
        output+='<td>'+data[i]["b"]+"</td>";
        output+='<td>'+data[i]["c"]+"</td>";
        output+='</tr>';
    }
    return output;
}
window.document.getElementById("output").innerHTML= print_data();

    <table>
      <thead>
        <td>No</td>
        <td>a</td>
        <td>b</td>
        <td>c</td>
      </thead>
    </table>