带有子菜单的菜单出现问题-使用Reactjs

Question

我有几天无法解决的问题。

我想创建一个下拉菜单，例如，当我选择菜单的“项目1”时，我更改了菜单，并在“项目1”中添加了其各自的列表以及许多项目，有。我看过一些使用本机react进行操作的教程，但是我在reactjs中需要它。不知何故？

例如，我点击“项目1”

并更改“项目1” 的内容：

我有以下带有库的示例代码：https://codesandbox.io/s/n9598q6xy0?fontsize=14

谢谢！