如何替换UI Fabric DetailsList组件中的复选框

Question

如何用普通的方形CheckBox组件替换office-ui-fabric-react中DetailsList的圆形复选框？我看到了onRenderCheckbox，所以我尝试这样的事情：

onRenderCheckbox={(props) => (<Checkbox checked={props.checked} />)}

或

onRenderCheckbox={(props) => (<Checkbox {...props} />)}

我可以看到方形复选框，但无法选择它。 正确的方法是什么？

预先感谢...

Answer 1

渲染Checkbox组件时，它会处理点击本身（因此不会渗透到行中，因此可以相应地切换选择），因此您需要使用{{1 }}样式。

pointer-events: none

在此处查看：https://codepen.io/anon/pen/zQXEPr