React DropdownItem仅作为桌面上的链接

Question

我们假设有一个Navbar包含普通Items和DropdownItems。

当用户点击下拉菜单时，我正在寻找以下行为：
- 在Destop上它应该导航到链接（工作），
- 在移动设备上，它必须只打开Drpdown而不是导航。

知道怎么做吗？

{navItems.map((item, i) => (
    <Item key={i}>
        {(item.subItems)
            // if the item has subitems display dropdown
            ? <DropdownItemLinkMobileOnly to={item.path}>
                {item.label}
                <ChevronDown />
            </DropdownItemLinkMobileOnly>
            // if the item doesn't have subitems display as Link
        : <ItemLink to={item.path}>
            {item.label}
        </ItemLink>
        }                            
        {(item.subItems) &&
            //display the actual dropdown subitems
            <MenuDropdown items={item.subItems} />
        }
    </Item>
))}