admin管理员组

文章数量:1122846

How can I perform conditional Rendering with Link tag?

Code:

export const CartBottomNavigator: FC<Props> = ({ disabled }) => (
  <BottomNavigator borderStyle="dashed">
    <Button fill disabled={disabled}>
      <Link className={styles.link} href={disabled ? '#' : 'availability'}>
        Select Date
      </Link>
    </Button>
  </BottomNavigator>
);

I don't want the # to show in my URL (e.g. https://localhost:5173/service/location/cart#).

I tried passing href={disabled ? '' : 'availability'}, but my page reloads, and I don't want that either. Any ideas?

本文标签： nextjsConditional rendering with Link tagStack Overflow

版权声明：本文标题：next.js - Conditional rendering with Link tag - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1736302036a1931390.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。