关闭细节面板并在材料表上打开另一个

Question

我正在使用材料表在另一个表的详细信息面板中显示一个表。我想在单击另一行数据展开图标并打开该特定行的详细信息面板时关闭或删除现有的详细信息面板。这是我正在处理https://codesandbox.io/s/material-demo-forked-8zy6z?file=/demo.js:0-2696 的代码框链接。 注意：我想先关闭，然后需要打开另一行数据详情面板

Answer 1

你可以用 useState 做到这一点

const [activePanel, setActivePanel] = React.useState(null)

现在 onClick of row 你可以做这样的事情

onClick={() => setActivePanel(item._id)}

现在你知道什么是活动物品了

{activePanel && <>your jsx code goes here</>}