antd的Anchor锚点,锚点链接href能加在自定义的标签上吗,不想用自带的样式
import { Anchor } from 'antd';
const { Link } = Anchor;
ReactDOM.render(
<Anchor>
<Link href="#components-anchor-demo-basic" title="Basic demo" />
<Link href="#components-anchor-demo-fixed" title="Fixed demo" />
<Link href="#API" title="API">
<Link href="#Anchor-Props" title="Anchor Props" />
<Link href="#Link-Props" title="Link Props" />
</Link>
</Anchor>,
mountNode);
自己写的话,如果是底部的id,就跳不过去了
onClickMenu = ({ item, key, keyPath }) => {
if (key) {
let anchorElement = document.getElementById(key);
if(anchorElement) { anchorElement.scrollIntoView(); }
}
}
href
属性肯定是不能加到别的元素上的。样式可以重写
antd
的样式。