我有一個列名陣列，并試圖動態創建一個包含 2 列（名稱和型別）的表。“名稱”將是列的名稱，“型別”將是用于選擇型別的下拉按鈕（稍后實作，現在只想列印一個按鈕）。
這是我到目前為止的代碼，它根本不起作用，我得到“決議錯誤：相鄰的 JSX 元素必須包裝在封閉標記中”。
Cols 示例，我正在使用以下代碼加載它：
const [cols, setCols] = useState(null);
d3.csv('/test.csv').then(data -> setCols(data.columns));
console.log(cols);
["name", "address", "zip", "number", ...]
<ReactBootstrap.Table striped bordered hover>
<thead>
<tr>
<th>Column</th>
<th>Import As</th>
</tr>
</thead>
<tbody>
{
cols.map((col) => (
<td><p>{col}</p></td>
<td><div><button>Skipped</button></div></td>
))
}
</tbody>
修復它，更改如下：
const [cols, setCols] = useState([]);
cols.map((col) => (
<Fragment>
<tr>
<td><p>{col}</p></td>
<td><div><button>Skipped</button></div></td>
</tr>
</Fragment>
))
uj5u.com熱心網友回復：
嘗試用Fragment標簽包裝回傳的 HTML 的內容：
cols.map((col) => (
<Fragment>
<td><p>{col}</p></td>
<td><div><button>Skipped</button></div></td>
</Fragment>
))
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/485368.html
標籤：javascript 反应 反应引导