如何在 React 中使用 AG-Grid？我收到构建错误

Question

下面是组件文件：

import { AgGridReact } from '@ag-grid-community/react';
import {AllCommunityModules} from '@ag-grid-community/all-modules';
import '@ag-grid-community/all-modules/dist/styles/ag-grid.css';
import '@ag-grid-community/all-modules/dist/styles/ag-theme-balham.css';



export default class FormGrid extends React.Component<IFormGridProps,IFormGridState> {
   constructor(props: IFormGridProps, state: IFormGridState){
   super(props);
   this.state = {
     columnDefs: [
      { headerName: "Make", field: "make" },
      { headerName: "Model", field: "model" },
      { headerName: "Price", field: "price" }],
     rowData: [
      { make: "Toyota", model: "Celica", price: 35000 },
      { make: "Ford", model: "Mondeo", price: 32000 },
      { make: "Porsche", model: "Boxter", price: 72000 }]
     }
    }
public render(): React.ReactElement<IFormGridProps> {
return (
  <div className={ styles.formGrid }>
    <div className={ styles.container }>
      <div className={ styles.row }>
      <div className="ag-theme-balham" style={ {height: '200px', width: '600px'} }>
      <AgGridReact
        columnDefs={this.state.columnDefs}
        rowData={this.state.rowData}
        modules={AllCommunityModules}>
      </AgGridReact>
      </div>  
      </div>
    </div>
  </div>
 );
 }
 }

错误如下：

错误 TS2339：“IntrinsicAttributes & IntrinsicClassAttributes & Readonly...'

IFormGridState.ts 文件如下：

export interface IFormGridState{
   columnDefs: any,
   rowData: any
}  

我不明白为什么会出现错误。请帮我。

Answer 1

确保您已安装“@ag-grid-community/all-modules”软件包 我试过你的代码，它编译得很好，但我必须安装上面的包。你也可以粘贴你的导入吗？

附加说明/提示：

• 在第 2 行，您只能将 props 作为 React 类组件的参数传递（但不会给您这样的错误）
• 无需为您的渲染方法添加类型