小编Mik*_*tor的帖子

我正在尝试将isRowSelectable其作为 prop 动态传递给AgGridReact. 在下面的玩具示例中，您希望单击“切换条件”按钮将更改网格中具有复选框的项目集。相反，网格没有改变。

截图：

interface Item { name: string, age: number, height: number}
const data: Item[] = [
    {name: "old and tall", age: 80, height: 80}, 
    {name: "old and short", age: 80, height: 20},
    {name: "young and tall", age: 10, height: 80}, 
    {name: "young and short", age: 10, height: 20}, 
]
const colDefs: ColDef[] = [
    {
        headerName: "",
        checkboxSelection: true,
        headerCheckboxSelection: true,
        headerCheckboxSelectionFilteredOnly: true,
        width: 60,
        sortable: false
    },
    { field: "name"},
    { field: …

经过相当多的谷歌搜索后，我仍然找不到使用 ag-grid-react 与 typescript 的示例，尽管 ag-grid-react 项目似乎有 typescript 打字。

在我的 React 应用程序中，我安装了 ag-grid-react：npm i --save ag-grid ag-grid-react react-dom-factories

这段代码作为 jsx 文件看起来不错，但如果我尝试将其用作打字稿 tsx 文件，则会出现编译器错误：

const columnDefs =  [
    {headerName: 'Make', field: 'make'},
    {headerName: 'Model', field: 'model'},
    {headerName: 'Price', field: 'price'}
];
const rowData = [
    {make: 'Toyota', model: 'Celica', price: 35000},
    {make: 'Ford', model: 'Mondeo', price: 32000},
    {make: 'Porsche', model: 'Boxter', price: 72000}
]

class App extends Component {
    constructor(props: any) {
        super(props);
    }

    render() {
        return (
            <div
                className="ag-theme-balham" …