反应 mui 数据网格：动态列

Question

如何在获取事件后使用 mui 隐藏/显示 react 中的列。

以 fetch 为例：

const getData=()=>{
   fetch(url +'/rha/apicall/getData/'
    ,{
      headers : { 
        'Content-Type': 'application/json',
        'Accept': 'application/json'
      }
        }
    )
      .then(function(response){

        enqueueSnackbar('Data Loaded',{variant:'info'});

        return response.json();
      })
      .then(function(myJson) {
        console.log(myJson);
        console.log(columns);
        columns[1].hide=false;
        rows = myJson.adh;
        setData(myJson)
      });
  }

行更新良好，但列不工作。

Answer 1

由于没有人给出一个单一的答案，这里有一个：

条件加载。

    const [isLoaded, setLoaded] = React.useState(false);
..

...

 .then(function(myJson) {
        console.log(myJson);
        console.log(columns);
        columns[1].hide=false;
        rows = myJson.adh;
        setLoaded(true);
        setData(myJson)
      });

then in the render :
 {isLoaded? 
        <DataGrid.../>
:
<p>Loading</p>
}