Quisiera quitar el subrayado de la etiqueta del enlace. Si hay una función o un método, estaré muy agradecido por su ayuda. Ninguno de los otros métodos ha funcionado y la otra documentación no ha ayudado.
import clsx from 'clsx'; import React from 'react'; import Link from '@docusaurus/Link'; import styles from './HomepageLanguages.module.css'; const LanguageList = require('../_languages_.json'); const Language = (lang) => { const imgPath = require(`../../assets/languages/${lang.path}.png`).default; return ( <div className={clsx('col col--3')} key={lang.path}> <div className={styles.languageItem} style={{ backgroundColor: lang.color }}> <div className={styles.languageImage}> <img src={imgPath} /> </div> <div className={styles.languageInfo}> <div className='meta'> <h3> <Link to={`/docs/${lang.path}/intro`}>{lang.label}</Link> </h3> <p>{lang.defs}+ definitions</p> </div> <Link to={`/docs/${lang.path}/intro`}>See All »</Link> </div> </div> </div> ); }; export default () => { return ( <div className={clsx(styles.homepageLanguages, 'text--left')}> <div className={styles.flex}> <h2 className={styles.flexLeft}> Programming Languages </h2> <div className={clsx(styles.flexRight, styles.homepageLanguageLink)}> <Link to='docs/what-is-devtionary'>See All »</Link> </div> </div> <div className='row'> {LanguageList.map(Language)} </div> </div> ); };Hola , sí, como lo mencionó @Milosh N. la solución es usar la propiedad text-decoration: none css. Mira un ejemplo implementado en codesanbox.
DEMO https://codesandbox.io/s/priceless-kowalevski-00ocg?file=/src/pages/index.js
import React from "react"; import Link from "@docusaurus/Link"; function HomepageHeader() { const style = { color: "blue", textDecoration: "none" }; return ( <div> <h1> <Link style={style} to="/"> Link </Link>{" "} <br /> <Link to="/">Link normal</Link> </h1> </div> ); } export default function Home() { return <HomepageHeader />; }