Question

我的普通jquery代码在做出反应时效果非常好。

当我尝试在反应中执行这个完美工作的jquery代码时，它根本就不起作用。

1）Navigation.js

    // Index format
    newForm.data('indexFormat', options.indexFormat);

2）Navigation.scss

    // Index
    newForm.data('formIndex', getIndex());

我在普通的bootstrap中尝试了这个jquery代码并且工作正常。

您还可以在codepen上找到这个有用的jquery代码here。

Answer 1

这不是做出反应的方式。如果您甚至导入了JQuery，那么您可能做错了。
你不想在这里操纵实际的DOM，而忽略了使用react的重点。您也不应该更改元素可见性以确定客户端看到哪些元素相反，您应该有一个状态来确定应该呈现组件，一个函数来相应地设置状态（在您的情况下，当客户端滚动时），以及在render方法中的三元表达式（{ this.state.showNav ? <Nav /> : null }）< / p>

jquery hide-nav on scroll in react

1 个答案: