反应水平滚动菜单？答案

【问题标题】：React horizontal Scrolling Menu?反应水平滚动菜单？
【发布时间】：2021-12-29 07:25:28
【问题描述】：

我正在构建一个nextjs 应用程序。在我的项目中，我没有使用TypeScript。我正在使用Javascript。我需要鼠标滚轮上的水平滚动，也需要触摸。我还没有找到任何反应包。但我找到了一个反应包 - react-horizontal-scrolling-menu。我看到所有演示。它非常适合我的项目。但我面临一个问题。在TypeScript 中创建的所有示例。但我没有使用typeScript。如果我复制代码，那么我会得到很多错误？

https://codesandbox.io/s/no-scrollbar-and-buttons-position-c3kn5?file=/src/index.tsx

在这种情况下，我必须做什么。没看懂？

请任何人帮助我。我在 10 天内面临这个问题。请不要不喜欢或关闭我的问题。

【问题讨论】：

我打开了“代码沙箱”示例，没有遇到任何问题！请将错误附加到您的问题中。另外，如果你想将任何 ts 或 tsx 文件直接添加到你的 js 项目中（而不是作为依赖项），那么你必须在你的 nextjs 项目中添加 typescript 配置。
这不是我的代码沙盒。我想说，这个代码框在 typeScript 中给出了例子。但我需要在 javascript 中。
如果可以，请将此代码框示例转换为 javscript (.js)。请。
拜托拜托。我真的需要它。请。
你好@Mohammad

标签： javascript reactjs typescript horizontal-scrolling

【解决方案1】：

转换为 JavaScript。您只需删除类型并将tsx、ts 更改为jsx、js。

https://codesandbox.io/s/no-scrollbar-and-buttons-on-bottom-forked-m2wci

【讨论】：

【解决方案2】：

你只需要摆脱打字稿的每个类型定义。 TypeScript 中的每个类型都写在“:”后面的变量名之后。因此，在代码框示例中，删除函数末尾的“:number”或“:void”之类的内容。

编辑：我现在在移动设备上，所以我无法向您发送 Javascript 代码。您应该查找的内容位于第 17、20 和 57 行。希望对您有所帮助。

【讨论】：

不工作！我试试看。当我删除类型然后无法滚动滚轮！
你能举一个codeandbox的例子吗？
我无法理解我必须在第 17 行进行哪些更改？
在 index.tsx 中删除这一行。这是一个类型声明。
那么它不起作用。我的意思是当我删除它时，然后水平滚动在鼠标滚轮上不起作用。