如何将数据输入PrimeReact表

Question

我想用PrimeReact创建一个表。为了进行测试，我还添加了一个列表。生成的网页只显示列表中的数据项，而不显示表中的数据项。如何将我的数据也输入到表中？我也使用value="{data}"，但它不起作用。

我的代码片段：

import React from "react";
import { DataTable } from 'primereact/datatable';
import { Column } from 'primereact/column';

function MyTable() {

    let data = 
        [
            { "id": "1" }, { "id": "2" }
        ];
    
    return (
    <React.Fragment>
    <ul>
    {data.map((myItem, i) => (
        <li key={i}>{myItem.id}</li>
    ))}
    </ul>
    
    <DataTable value="{data}">
        <Column field="id" header="id"></Column>
    </DataTable>
    </React.Fragment>
    );
}

export default MyTable;

Answer 1

不要将引号放在{data} :D周围。

 <DataTable value={data}>
        <Column field="id" header="id"></Column>
    </DataTable>