React - 希望 link 的简单格式

Question

我有一个表格，在反应中，使用反应-bootstrap。我想通过单选按钮旁边的 link 显示带有服务条款的警报。

这是我的代码：

          <Form.Row>
            {["radio"].map((type) => (
              <div key={`default-${type}`} className="mb-3">
                <Form.Check type={type} checked={false} id={`default-${type}`} value="1" onChange={formik.handleChange} onBlur={formik.handleBlur} label="I accept the"></Form.Check>
                <Link onClick={TosAlert}>{"Terms of Service"}</Link>
              </div>
            ))}
          </Form.Row>

checkbox renders like this:

这是一件小事，但谁能帮我把它放在同一行？

Answer 1

尝试发送以标记反应节点而不是字符串

<Form.Row>
            {["radio"].map((type) => (
              <div key={`default-${type}`} className="mb-3">
                <Form.Check 
                type={type} 
                checked={false} 
                id={`default-${type}`} 
                value="1" 
                onChange={formik.handleChange} 
                onBlur={formik.handleBlur} 
                label={<>I accept the <Link onClick={TosAlert}>Terms of Service</Link></>}
                </Form.Check>
              </div>
            ))}
          </Form.Row>

React - 希望 link 的简单格式

React - hopefully simple formatting of a link

reactjs

forms

href