Reactjs React Web应用路由可在桌面（包括移动开发视图）上运行，但不能在移动浏览器上运行

我真的被我正在构建的React web应用程序的一个问题困住了。我正在使用array.map（）方法动态创建下拉列表，我发现在桌面浏览器上（包括在Chrome开发工具的移动视图中）一切都运行得很好，但在实际的移动浏览器上却没有。我真的很感激你的想法

预期行为 我希望下拉列表可以填充，通常是从一个对象数组中填充。然后，当用户单击下拉菜单中的一个项目时，它将触发（1）功能或（2）指向React应用程序另一部分的链接。注意，我使用react router dom来处理路由

在移动浏览器上观察到的行为 下拉列表填充正确，但当我从选项中选择时，它们会出现故障（参见图1）。

当下拉选择触发（react router dom组件）并调用函数时，可以观察到此行为。在正确调用函数的有限情况下，会传递正确的参数，并且函数会正确执行

代码剪贴画 这是我用来生成链接列表的代码示例。这是一个简单的React功能组件，用作我应用程序中所有设置页面的标题，该组件是库的一部分，似乎工作正常：

const SettingsHeader=（）=>{
让{url}=useRouteMatch（）；
const{userAccess，styleItem，headerStyle，updateHeader，theme}=useContext（setingscontext）；
const options=userAccess.length(
userAccess.sort（）.map（权限=>{
//返回一个对象，其中包含通过设置上下文函数生成组件所需的详细信息。
let details=styleItem（权限）；
返回(
更新头（权限）}
>
{details.icon}
{details.text}
);
})
) : (
警告：您没有编辑任何设置的权限。
);
返回(
{headerStyle.icon}{headerStyle.text}
{options}
);
}

这是运行iOS-13的设备的一个ECSS错误

在撰写本文时，我只能找到一种解决方法，如中所述：

为了修复它，我必须查看 ，使用grunt版本构建它 并将/dist文件夹中的materialize.js用于我的项目

这是运行iOS-13的设备的ECSS错误

在撰写本文时，我只能找到一种解决方法，如中所述：

为了修复它，我必须查看 ，使用grunt版本构建它 并将/dist文件夹中的materialize.js用于我的项目

---

这是一个选择问题，询问者正在查询一个下拉问题。它们在materializecss中是不同的（尽管是连接的）元素。这是一个选择问题，asker查询的是一个下拉问题。它们在ECS中是不同的（尽管是连接的）元素。