22 lines
566 B
TypeScript
22 lines
566 B
TypeScript
|
import { AnchorHTMLAttributes } from "react";
|
||
|
|
|
||
|
|
interface IAnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
||
|
|
useRef?: React.LegacyRef<HTMLAnchorElement>
|
||
|
|
}
|
||
|
|
|
||
|
|
/** 阻止a標籤的href產生網頁跳轉 */
|
||
|
|
export default function A(props: IAnchorProps) {
|
||
|
|
const { useRef, children, onClick } = props;
|
||
|
|
|
||
|
|
function handleClick(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) {
|
||
|
|
event.preventDefault(); // 阻止默认点击行为
|
||
|
|
onClick && onClick(event);
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<a {...props} ref={useRef} onClick={handleClick}>
|
||
|
|
{children}
|
||
|
|
</a>
|
||
|
|
);
|
||
|
|
}
|