Javascript 如何切换office ui fabric Details使用整行作为切换而不是仅使用小复选框列出行选择

我正在使用Office UI Fabric React组件，并试图改进和更改应用程序的默认选择行为。默认情况下，单击行和单击右侧的微小复选框之间存在差异。我希望复选框单击的效果与单击行的效果相同

单击复选框时，将切换该行，而不会像使用行单击时那样取消选择其他行。您还可以在这里使用shift-click和control-click以及所有其他漂亮的单击类型

如何使单击一行与单击其中一个复选框具有相同的功能？

---

尝试将此自定义onRenderRow函数用于详细信息列表：

onRenderRow = (props: IDetailsRowProps, defaultRender?: IRenderFunction<IDetailsRowProps>): JSX.Element => {
    return (
      <div data-selection-toggle="true">
        {defaultRender && defaultRender(props)}
      </div>
    );
  };

onRenderRow=（props:IDetailsRowProps，defaultRender？：IRenderFunction）：JSX.Element=>{
返回(
{defaultRender&&defaultRender（道具）}
);
};

---

适用于SelectionMode.multiple和SelectionMode.single:

尝试使用此自定义onRenderRow函数作为详细信息列表：

onRenderRow = (props: IDetailsRowProps, defaultRender?: IRenderFunction<IDetailsRowProps>): JSX.Element => {
    return (
      <div data-selection-toggle="true">
        {defaultRender && defaultRender(props)}
      </div>
    );
  };

onRenderRow=（props:IDetailsRowProps，defaultRender？：IRenderFunction）：JSX.Element=>{
返回(
{defaultRender&&defaultRender（道具）}
);
};

---

适用于SelectionMode.multiple和SelectionMode.single:

超级清洁解决方案！谢谢

数据选择切换

道具似乎不再有任何效果，您知道它已更改为什么吗？您能否提供一个不起作用的codepen/jsfiddle？上面的例子虽然自动升级到Fabric 7，但仍然有效。虽然效果很好，但它破坏了MarqueeSelection。你知道怎么解决吗？超级清洁的解决方案！谢谢

数据选择切换

道具似乎不再有任何效果，您知道它已更改为什么吗？您能否提供一个不起作用的codepen/jsfiddle？上面的例子虽然自动升级到Fabric 7，但仍然有效。虽然效果很好，但它破坏了MarqueeSelection。你知道怎么修吗？