如何创建链接(或将任何其他html/jsx传递)到Material-UI的标签<Checkbox ... label ="string"/>组件

Question

我正在寻找有关如何将自定义jsx传递到Checkbox组件标签的见解.

<Checkbox
    label="I accept the Terms of Use & Privacy Policy"
/>

理想情况下,作为标签呈现的是"我接受[使用条款]和[隐私政策]",其中括号内的项目是链接.

在此先感谢您的帮助!

Answer 1

您可以将其他jsx节点传递到label属性中.在这个例子中,我使用的是React Router链接,但你当然可以使用一个anchor元素.

<Checkbox
  label={
   <div>
      <span>I accept the </span>
      <Link to={'/terms'}>terms of use</Link>
      <span> and </span>
      <Link to={'/privacy'}>privacy policy</Link>
   </div>
   }
 />