我的 Material-ui 应用程序中有一个列表，其中包含列和(图标)按钮。
当单击列表中的某个项目时，我希望获得 Material Design 的链式 react 。
Material UI 的列表在单击时确实带有波纹效果，不幸的是，因为我使用的是自定义列表(因为我需要多列和许多其他自定义项)，所以我没有波纹效果(我我只是使用 div 来创建我的列表)。
我知道 Material UI 有一个组件 TouchRipple，它用于所有具有波纹效果的组件(您可以在 internal 目录中找到它)我尝试包装我的自定义列表将项目放入 TouchRipple 组件中，但不幸的是动画显示在页面顶部，与实际列表项的位置和大小没有任何关系，基本上它无法正常工作。
我的问题是，我可以吗？如果可以，我如何在自定义组件上使用 TouchRipple 组件来为其添加波纹效果？
最佳答案
我想出了如何让它发挥作用。
只需将样式 transform:translate(0px, 0px); 添加到 TouchRipple 生成的父 div 即可使波纹处于正确的位置和大小。
关于javascript - 将 Material UI 的 TouchRipple 组件应用于自定义元素/组件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39519683/