在Material UI的Mini抽屉中添加临时抽屉功能

Question

我正在使用Material UI中的Mini抽屉，并且工作正常，但是在此抽屉中，当打开导航栏并单击导航栏以外的任何位置时，它没有关闭。就像在临时抽屉中一样。我尝试实施但失败了。

迷你型抽屉

https://codesandbox.io/s/6xdsb?file=/index.js

临时抽屉

https://codesandbox.io/s/ktmju

任何帮助都会得到真正的帮助。

Answer 1

[Mini Variant是一个持久抽屉，并且来自Material UI网站：

永久导航抽屉可以切换打开或关闭。抽屉位于与内容相同的表面高程上。它被关闭默认并通过选择菜单图标打开，并保持打开状态，直到由用户关闭。

因此，当用户在其外部单击时，它并不意味着要关闭。

尽管我不确定为什么您要使用持久抽屉来实现此功能，但也许此Material UI实用程序会为您提供帮助

Material UI Click Away Listener