gridOptions可以在组件中声明,也可以放在单独的文件中,并引入到组件中使用。一般建议将gridOptions单独放在一个文件中,方便复用和维护。
示例代码:
// gridOptions.js文件
const gridOptions = { columnDefs: [ { field: 'make' }, { field: 'model' }, { field: 'price' } ], rowData: [ { make: 'Toyota', model: 'Celica', price: 35000 }, { make: 'Ford', model: 'Mondeo', price: 32000 }, { make: 'Porsche', model: 'Boxter', price: 72000 } ] };
export default gridOptions;
// 组件文件中引入gridOptions
import React, { Component } from 'react'; import { AgGridReact } from 'ag-grid-react'; import gridOptions from './gridOptions';
class MyGrid extends Component {
render() {
return (
export default MyGrid;