問題：點擊鏈接時，地址在決議react-router-dom中Link的“to”屬性的值，請看輸出： http://localhost:3000/https://xxxxxx.github .io/
import React from 'react';
import { Link } from 'react-router-dom';
const Footer = () => {
return (
<footer className='footer-light bg-light'>
<div
className='text-center p-3'
>
<Link
className='text-decoration-none text-dark'
to='https://xxxxxxx.github.io/'
>
? {new Date().getFullYear()} Copyright
</Link>
</div>
</footer>
);
};
export default Footer;
單擊鏈接時我想重定向到另一個頁面
uj5u.com熱心網友回復：
您可以將字串、物件、函式傳遞給toprop 以重定向到特定的 URL。
這是如何處理它們中的每一個
字串：
<Link to="https://google.com">Click me</Link>
物件：
<Link to={{ pathname: "https://google.com" }} target="_blank">Click me</Link>
功能：
<Link to={location => ({ ...location, pathname: "https://google.com" })} />
適用于外部 URL 和 localhost。
檔案：https : //reactrouter.com/web/api/Link
uj5u.com熱心網友回復：
你可以試試這個：
<Link to={{ pathname: "https://xxxxxxx.github.io/" }} target="_parent" rel="noopener noreferer">
? {new Date().getFullYear()} Copyright
</Link>
這將在同一選項卡中打開https://xxxxxxx.github.io/。
或者，
<Link to={{ pathname: "https://xxxxxxx.github.io/" }} target="_blank" rel="noopener noreferer">
? {new Date().getFullYear()} Copyright
</Link>
這將在新選項卡中顯示https://xxxxxxx.github.io/。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/346288.html
標籤：javascript 反应 反应路由器 反应路由器dom