reactjs - Fabric DetailsList 根据父行更改子行控件

Question

我有一个详细信息列表，如下所示。

<DetailsList
                        selectionPreservedOnEmptyClick={false}
                        items={projectData}
                        columns={getGridColumns()}
                        setKey="set"
                        layoutMode={DetailsListLayoutMode.justified}
                        isHeaderVisible={true}
                        selectionMode={SelectionMode.single}                       
                    >
                    </DetailsList>

我的问题是关于Executed列，它呈现如下所示的切换。

{
                key: "executed",
                maxWidth: 80,
                minWidth: 10,
                name: "Executed YES/NO?",
                isResizable: true,
                isCollapsible: true,
                data: 'string',
                onRender: (item: IProjectTask) => {
                    return <Toggle onText="On", OffText="Off" />
                }
            }

渲染后显示如下。此 DetailsList 绑定到一个数组，如您所见， 项目 0是project1和project2的父级

我的问题是：当我更改父行上的Executed切换按钮时，应自动检查和禁用子行Executed 。简而言之，我想从父行切换按钮控制子行切换按钮行为。请帮忙。

Answer 1

详细了解了状态机制后，问题就解决了。