React Material Treeview，使用扩展属性时单击时树节点未扩展

【问题标题】：React Material Treeview, Tree node not expanding on click when using expanded propertyReact Material Treeview，使用扩展属性时单击时树节点未扩展
【发布时间】：2020-12-21 22:27:23
【问题描述】：

使用扩展属性时，Treeview 不会在手动点击时扩展，不确定为什么它没有扩展

<TreeView
                className={classes.root}
                defaultCollapseIcon={<MinusSquare />}
                expanded={nodeIds}
                selected={props.nodeId.toString()}
                defaultExpandIcon={<PlusSquare />}
                defaultEndIcon={<CloseSquare />}
            >
                {GetTreeItemsFromData(props.treeItems)}
            </TreeView>

【问题讨论】：

标签： reactjs material-ui create-react-app

【解决方案1】：

根据 Material-UI 中 TreeView API 的文档，要展开节点，您需要将节点 ID 作为数组传递到 expanded 或 defaultExpanded。

所以如果不能展开节点，或许可以先试试看nodeIds是不是状态中的数组，再看更新状态时是否正确触发了重新渲染。如果没有，那么可能您还没有正确设置此状态。

参考：TreeView API

【讨论】：

我说的是展开，但点击展开/折叠不起作用
这就是您在执行这些操作时必须更新的内容。当您单击一个项目时，它应该更新状态中的变量nodeIds，或者附加目标 id 或将其从数组中删除，以便它可以触发重新渲染。