ag-grid - 如何做出反应动态显示

Question

任何帮助或提示将不胜感激！！我正在使用 React 和 Ag-Grid：

        import React, { useState } from 'react';
    import { AgGridColumn, AgGridReact } from 'ag-grid-react';

    import 'ag-grid-community/dist/styles/ag-grid.css';
    import 'ag-grid-community/dist/styles/ag-theme-alpine.css';

    const App = () => {
        const [gridApi, setGridApi] = useState(null);
        const [gridColumnApi, setGridColumnApi] = useState(null);

        const [rowData, setRowData] = useState([
        { make: "Toyota", model: "Celica", price: 35000 },
        { make: "Ford", model: "Mondeo", price: 32000 },
        { make: "Porsche", model: "Boxter", price: 72000 }
        ]);

        return (
        <div className="ag-theme-alpine" style={{ height: 400, width: 600 }}>
            <AgGridReact
            rowData={rowData}>
            <AgGridColumn field="make"></AgGridColumn>
            <AgGridColumn field="model"></AgGridColumn>
            <AgGridColumn field="price"></AgGridColumn>
            </AgGridReact>
        </div>
        );
    };

    export default App;

假设用户有一个输入参数，并且用户在输入任何内容之前，“AgGridReact”不应该显示在返回中。

只有当用户输入输入值并提交时，它才会显示“AgGridReact”组件。

我怎样才能实现这样的功能。

标签： ag-gridag-grid-react