如何从物料UI中向<Link>组件的末尾添加符号？

Question

如何从Material中将符号(例如>)添加到组件的末尾？也就是说，它看起来如下：

​

​

目前，我的代码如下所示：

<Link>
   Learn more &gt;
</Link>

但是我希望它看起来像这样，而不需要在HTML中添加">“：

<Link xxx>
   Learn more
</Link>

Answer 1

所以你可以这样做

return (
    <Link>
        Learn More {">"}
    </Link>
);

如果您希望它不加下划线，我将把它放在自己的标记中，并禁用该标记的css。

return (
     <Link>
         Learn More <p className="myParagraph">{">"}</p>
     <Link>
);

css文件：

myParagraph {
     text-decoration: none;
}

Answer 2

这个能行吗？

const linkSymbol = ">";

return ( 
  <Link props> 
     Learn More {linkSymbol}
  </Link>
)