Как добавить несколько флажков в дочерний компонент в моем TreeView в реагировать? - PullRequest
Новая
       7

Как добавить несколько флажков в дочерний компонент в моем TreeView в реагировать?

0 голосов
/ 13 апреля 2020

Я добавил компонент DataTreeView в свой реактивный проект. Теперь мне нужно добавить четыре флажка только на дочернем уровне. В настоящее время он отображается в родительском узле, но мне нужно добавить флажки только для детей. Прикрепленное изображение компонента дерева: Компонент дерева

Ниже приведен мой код компонента дерева реакции: 

const getTreeItemsFromData = treeItems => {
    return treeItems.map(treeItemData => {
      let children = undefined;
      if (treeItemData.children && treeItemData.children.length > 0) {
        children = getTreeItemsFromData(treeItemData.children);
      }
      return (
        <TreeItem
          key={treeItemData.menuId}
          nodeId={treeItemData.menuId}
          label={treeItemData.displayString} 
          children={children}
        />
      );
    });
  };

const DataTreeView = ({ treeItems }) => {
    return (
      <TreeView
        defaultCollapseIcon={<ExpandMoreIcon />}
        defaultExpandIcon={<ChevronRightIcon />}
      >
        {getTreeItemsFromData(treeItems)}
      </TreeView>
    );
  };


  export default function RolePrivilegesController({ checked, handleCheck}) {

    return (
      <Content title="Role Privileges">        
        <MyBox
        title="Tree Component"
        type={"primary"}
        border
        closable
        >
        <Row>
        <Col xs={4}>{<DataTreeView treeItems={Object.keys(menus).map(menuId => menus[menuId])} />}</Col>
        <Col xs={8}><Checkbox /></Col>
        </Row>
        </MyBox>
        </Content>
    );
  }
...