Question

是否可以为React-MDL复选框组件的标签添加链接？如果是的话，我该如何实现呢？

下面的代码段使用react-mdl的Checkbox组件呈现一个复选框字段。

const renderCheckBoxField = ({ input, label, meta: { touched, error }, ...custom }) => (
  <Checkbox label={label}/>
);

<Field label='I agree to receive news and special offers' name="offers" component={renderCheckBoxField} type="checkbox"/>
<label htmlFor="offers"></label>

以下代码可以实现，但正如您所看到的那样，绝对不是获得它的最佳方式。是否可以使用renderCheckBoxField执行上述操作？

<label className="mdl-checkbox mdl-js-checkbox is-upgraded">
  <input type="checkbox" className="mdl-checkbox__input" value="0" />
   <span className="mdl-checkbox__label">I agree to the &nbsp;<Link to='termsandconditions/' target='_blank'> Terms & Conditions </Link>
   </span>
   <span className="mdl-checkbox__focus-helper"></span>
   <span className="mdl-checkbox__box-outline"><span className="mdl-checkbox__tick-outline"></span></span>
</label>

以上代码的问题在于它不允许我选中复选框。无法理解为什么会发生这种情况。我包含了所有相关的CSS。谢谢！

MDL - Checkbox组件

0 个答案: