Javascript 如何在Material UI Datagrid中保存列隐藏的状态？

我有一个相当简单的datagrid表，可以选择隐藏/显示特定列。我希望在发生重新渲染时保存列的状态（在我的示例中，数据添加到dataGrid时）。 实际上，当数据来自服务器并添加到行时，列的过滤器将自动禁用，而不是隐藏列

组件代码如下所示：

    const columns = [


        { field: 'sensortype', headerName: 'Type', width: 130 },
        { field: 'height', headerName: 'Height', width: 130 },
        { field: 'width', headerName: 'Width', width: 130 },
        {
            field: 'altitude',
            headerName: 'Alt',
            width: 130,
        },

    ];

    let row = null;
    let rowss = [];
        {logs && logs.length && logs.map((log, index) => (

            row = {
                        id: index ,
                        sensortype: log && log[0] && log[0].sensorTypeLatinName, 
                        height:  log && log[0] && log[0].longitude,
                        width:  log && log[0] && log[0].latitude,
                        altitude: log && log[0] && log[0].altitude
                    },
                 
                  rowss.push(row),
                  console.log(rowss)
            ))}


    const list = anchor => (
        <div className={clsx(classes.list, { [classes.fullList]: anchor === "bottom", })} role="presentation">
            <div className="log-container p-4">
                {state.bottom && type == "target" ? (
                    <React.Fragment>
    

                        <div style={{ height: 220, width: '100%' }}  className={classes.root}>
                            <DataGrid rows={rowss} columns={columns} components={{Toolbar: GridToolbar, LoadingOverlay: CustomLoadingOverlay,}} 
                            loading
                             pageSize={100} hideFooter hideFooterPagination />
                        </div>


                    </React.Fragment>
                )}
            </div>
        </div>
    );

const列=[
{字段：'sensortype'，标题名称：'Type'，宽度：130}，
{字段：“高度”，标题名称：“高度”，宽度：130}，
{字段：'width'，标题名称：'width'，width:130}，
{
字段：'高度'，
headerName:'Alt'，
宽度：130，
},
];
设row=null；
设rowss=[]；
{logs&&logs.length&&logs.map（（日志，索引）=>(
行={
id:索引，
sensortype:log&&log[0]&&log[0]。sensorTypeLatinName，
高度：log&&log[0]&&log[0]。经度，
宽度：对数和对数[0]&&log[0]。纬度，
高度：对数和对数[0]&&log[0]。高度
},
rowss.推（row），
console.log（rowss）
))}
const list=anchor=>(
{state.bottom&&type==“目标”(
)}
);