我正在嘗試在 React 中使用此代碼：export const JsonToTable = (jsonArr) => {var cols = [];for (var i = 0; i < jsonArr.length; i++) {    for (var key in jsonArr[i]) {        if (cols.indexOf(key) === -1) {            cols.push(key);        }    }}var table = document.createElement("table");var tr = table.insertRow(-1);             for (var i = 0; i < cols.length; i++) {    var th = document.createElement("th");     th.innerHTML = cols[i];    tr.appendChild(th);} for (var i = 0; i < jsonArr.length; i++) {     tr = table.insertRow(-1)     for (var j = 0; j < cols.length; j++) {         var tabCell = tr.insertCell(-1);         tabCell.innerHTML = jsonArr[i][cols[j]];     } } return table;}但是 React 抱怨這些方法：insertRow()appendChild()innerHTML我知道innerHTML 的等價物是dangerouslySetInnerHTML 但我不想使用它。如果我按原樣運行此代碼，則會得到返回的對象（表）不是 React 類型的錯誤。如何將此函數編寫為 React 組件？我想要實現的是從 json 動態創建一個表。如果有另一種方法可以實現這一點，我也可以研究一下。謝謝。