После долгого поиска в Google я все еще не могу найти примеры использования ag-grid-реагировать с машинописью, хотя проект ag-grid-реагирует, как представляется, на машинописную типизацию.
В моем приложении реакции я установил ag-grid-реагировать: 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"
style={{ height: '200px', width: '600px' }}
>
<AgGridReact
columnDefs={columnDefs}
rowData={rowData}>
</AgGridReact>
</div>
);
}
}
export default App;
Ошибка компиляции для тега AgGridReact
Type '{ children: never[]; columnDefs: { headerName: string; field:
string; }[]; rowData: { make: string; model: string; price: number;
}[]; }' is not assignable to type 'IntrinsicAttributes &
IntrinsicClassAttributes<AgGridReact> & Readonly<AgGridReactProps> &
Readonly<{ children?: ReactNode; }>'. Property 'columnDefs' does not
exist on type 'IntrinsicAttributes &
IntrinsicClassAttributes<AgGridReact> & Readonly<AgGridReactProps> &
Readonly<{ children?: ReactNode; }>'.ts(2322)
Любое руководство может предложить кто-нибудь?