material-ui - 如何创建链接(或传递任何其他 html/jsx)到 Material-UI 组件的标签中

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>
   }
 />