reactjs - 反应滚动水平滚动不起作用
问题描述
我的 React 应用程序中有一个动态水平列表,我想从一个动态呈现的导航栏导航到该列表。导航栏如下所示:
{catagories.length > 0 &&
catagories.map((catagory, id) => (
<Link horizontal={true} to={catagory} spy={true} smooth={true}>
<li
className={
activeCategory == catagory
? "navbar navbar__active"
: "navbar"
}
key={id}
onClick={() => this.setActiveCategory(catagory)}
>
<p className="navbar__item"> {catagory}</p>
</li>
</Link>
))}
和水平列表:
{catagories.length > 0 &&
allLists[catagories[0]] &&
catagories.map((catagory, id) => (
<Element name={catagory}>
<Listing
className="menulist-listing"
lists={Object.values(allLists[catagory])}
increaseCount={this.increaseCount}
decreaseCount={this.decreaseCount}
catagory={catagory}
name={catagory}
key={id}
mixClicked={mixClicked}
id={catagory}
/>
</Element>
))}
Listing
是一个自定义组件,它从道具呈现另一个垂直列表。我正在使用 react-scroll 包中的Link
和Element
组件。但这不起作用,并且不会按预期滚动到选定的列表。
任何帮助,将不胜感激。谢谢,
解决方案
推荐阅读
- python - Python 3.8 错误:ModuleNotFoundError:没有名为“pyttsx3”的模块
- multithreading - RTOS可以vTaskSuspend vTaskResume一个线程吗?
- typescript - NativeScript WebRTC / TNSRTC - 无法获取 remoteStream 视频
- javascript - 用 express 发回 CSV
- asp.net - asp.net core razor pages脚手架错误get_NullableAnnotation
- reactjs - TypeScript 抱怨组件缺少由 redux 注入的属性
- python - Seaborn Lineplot 混淆日期和数据
- html - 在上面显示一个 DOM 元素
- php - 如何同时使用 Laravel-DomPDF 和 Laravel-Snappy
- tensorflow - 如何安装 libcusolver.so.11