带有Materialize CSS按钮波效应的React网站卡住了

编程问答 2022-08-13

问题描述

一个简单的问题。尝试在我的React网站的Navbar的按钮单击上添加实体化的CSS波效果。但是，波浪效应在加载新页面时会卡住，需要用户再次将鼠标悬停在该按钮上才能使其恢复正常。

我觉得这是发生的，因为React页面加载了一个“重启”导航栏的新组件。有什么解决办法的想法吗？

代码只是基本的波效应wave-light呼叫。

                <ul id='slide-out' className='right sidenav show-on-medium-and-down grey lighten-3'>
                    <li><NavLink to='/publish' className='waves-effect waves-light'>Publish</NavLink></li>
                    <li><NavLink to='/marketplace' className='waves-effect waves-light'>Marketplace</NavLink></li>
                    <li><NavLink to='/dashboard' className='waves-effect waves-light'>Dashboard</NavLink></li>
                    <li><NavLink to ='/createcontent' className='waves-effect waves-light'>Create</NavLink></li>
                    <li><NavLink to='/' onClick={this.props.signOut}>Log Out</NavLink></li>
                    <li><NavLink to='/dashboard' className='waves-effect waves-light'><i className='material-icons'>person</i></NavLink></li>

                </ul>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

buttonbuttonbuttonbuttonclickmaterializereactjsreactjsreactjsreactjs