Javascript 在react.js中渲染时如何删除树的根

我画了一个树菜单reakt.js。我想删除第一个菜单项。因为我想让菜单看起来更有吸引力

代码笔上的代码：

代码：

classtreenode扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={visible:true}；
}  
toggle（）{this.setState（{visible:！this.state.visible}）；}
render（）{
变量childNodes，classObj；
if（this.props.node.childNodes！=null）{
childNodes=this.props.node.childNodes.map（函数（节点，索引）{
return

});
classObj={togglable:true，“togglable down”：this.state.visible，“togglable up”：！this.state.visible}；
}
var风格；
如果（！this.state.visible）{style={display:“none”}；}
返回(
{this.props.node.title}
{childNodes}
);
}
}
变量树={
标题：“你好”，
子节点：[
{标题：“博比”}，
{标题：“苏西”，儿童节点：[
{标题：“小狗”，子节点：[
{标题：“狗屋”}
]},
{标题：“樱桃树”}
]}
]
};
render（，document.getElementById（“树”）；

您可以向第一个

TreeNode

组件添加

根属性，并有条件地隐藏标题

TreeNode
render（）
content：

{!this.props.root && <h5 ...> {this.props.node.title} </h5>}

{！this.props.root&&{this.props.node.title}

第一个树节点实例化：

ReactDOM.render( <TreeNode node={tree} root={true} />,  ...);
//                                     ^^^^^^^^^^^

ReactDOM.render（，…）；
//                                     ^^^^^^^^^^^

ReactDOM.render( <TreeNode node={tree} root={true} />,  ...);
//                                     ^^^^^^^^^^^