我要做的是重定向到外部鏈接，而不是我網站上的現有頁面。
這是選單項的代碼：
export const MenuItems = [
{
title: 'Marketing',
path: '/marketing',
cName: 'dropdown-link'
},
{
title: 'Consulting',
href: '/consulting',
cName: 'dropdown-link'
},
];
這是下拉選單的代碼：
const [click, setClick] = useState(false);
const handleClick = () => setClick(!click);
return (
<>
<ul
onClick={handleClick}
className={click ? 'dropdown-menu clicked' : 'dropdown-menu'}
>
{MenuItems.map((item, index) => {
return (
<li key={index}>
<Link
className={item.cName}
to={item.path}
onClick={() => setClick(false)}
>
{item.title}
</Link>
</li>
);
})}
</ul>
</>
);
}
export default Dropdown;
uj5u.com熱心網友回復：
看看這里 使用 react-router 的 Link 組件，您可以做到這一點。在“to”屬性中，您可以指定 3 種型別的資料：
字串：鏈接位置的字串表示形式，通過連接位置的路徑名、搜索和哈希屬性創建。物件：可以具有以下任何屬性的物件： 路徑名：表示要鏈接到的路徑的字串。search：查詢引數的字串表示。散列：要放入 URL 的散列，例如 #a-hash。state：要持續到該位置的狀態。一個函式：一個函式，當前位置作為引數傳遞給它，并且應該將位置表示形式作為字串或作為物件回傳
<Link to={{ pathname: "https://example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies" }} target="_blank" />轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/408462.html
標籤：
上一篇：React陣列狀態更新不一致
下一篇：在生產中使用硒的標準方法是什么？