在React App中滚动Navbar

Question

我正在构建我的第一个React应用程序，我想构建一个旋转/滚动的Navbar组件。一些网站上有我尝试构建的示例Fandex（更好的示例）和Numberfire（虽然Numberfire＆＃39; s不会自动滚动。< / p>

是否有用于在React中构建移动Navbar的Javascript库？

谢谢！

Answer 1

首先，您需要熟悉React.Component方法。一般是componentWillMount - 他可以在加载后立即控制页面上任何事件的操作。请参阅：https://reactjs.org/docs/react-component.html#componentwillmount。

对于旋转动画，你可以使用React库 - React-Transition-Group（参见：https://github.com/reactjs/react-transition-group），它可以让你完全控制你想要在页面上看到的css效果的状态变化。< / p>

手动滚动怎么样 - 您需要使用一些逻辑实现来编写简单的onmousedown/onmousemove事件，以使其工作并将其绑定到组件构造函数之后。事件如何在React中运行 - 请参阅本手册https://reactjs.org/docs/handling-events.html

为了实现你想要的全面实现，stackoverflow对于这么大的工作来说不是一个幸运的地方，对不起）