React antd中的tree组件设置默认选择只有第一次生效

antd中tree组件中的defaultSelectedKeys默认选择只有第一次有效,再不刷新页面的情况下一个菜单功能时只有第一次有效;好像antd里面带default前缀的都只有第一次执行有效

如何让他每次在当前面板关闭后重新打开时默认选中第一个并且加载第一个数据:

给他改变成动态选中方式:

使用这两个参数完成动态切换和默认选择

React antd中的tree组件设置默认选择只有第一次生效_第1张图片

 在render中定义:

在state中默认选中集合key,在tree中加载的key唯一性的,我的顶部第一条数据的key是1-0

 

根据tree列表点击时的index给传入到定义的defaultSelectedKeys中,更改值

React antd中的tree组件设置默认选择只有第一次生效_第2张图片

 最后在你关闭的事件中或者是在打开tree列表的事件中重新设置defaultSelectedKeys的值是1-0

 之后不管你第一次打开点击了那条条目,在次打开后都会显示默认选中的是第一条

你可能感兴趣的:(react.js,javascript,前端)