学んだこと 2021/03/week4

TreeViewを開いたままにする対応

  const [expanded, setExpanded] = React.useState<string[]>([]);


  ...
       <TreeItem nodeId={child.nodeId}
                          onClick={() => {
                            setExpanded(["1"])
                            history.push(child.link)
                          }
                          }
                          icon={child.icon}
                          label={child.title}
                          classes={{
                            iconContainer: classes.icon,
                            root: classes.treeItem,
                            label: classes.label
                          }}
                />

単純だけどこんな感じでクリックした時に
useStateで
セットしてあげることで

初期表示時はclose
クリック後はopenを再現できる。

クリック後閉じたい場合は

setExpanded(["1"])
↓
setExpanded([])

にしてあげる。