如何在反应中的复选框标签中显示链接？

Question

我想根据所附图像在react-bootstrap复选框标签内显示链接如何格式化侧面标签中的标签？请帮忙。

<Form.Check
    className="checkbox-groove"
    label="I agree to the {<a>terms and conditions</a>}"
    name="group1"         
  />

https://codesandbox.io/s/display-link-inside-a-input-label-0vosse

Answer 1

您可以将 React 组件传递给 label prop React Bootstrap 文档，如下所示：

  return (
    <div className="App">
      <Form.Check
        className="checkbox-groove"
        label={
          <span>
            I agree to the <a href="#">terms and conditions</a>
          </span>
        }
        name="group1"
      />
    </div>
  );

https://codesandbox.io/s/display-link-inside-a-input-label-forked-jzusxj