响应下拉树选择，在逐个选择子节点后，不自动选择父节点。有解决办法吗？

Question

我使用的是react下拉树选择，在逐个选择子节点之后，父节点不会自动被选中。有解决办法吗？

import React from 'react'
import DropdownTreeSelect from 'react-dropdown-tree-select'
import 'react-dropdown-tree-select/dist/styles.css'
import './test.css'


const data = {
  label: 'search me',
  value: 'searchme',
  children: [
    {
      label: 'search me too',
      value: 'searchmetoo',
      children: [
        {
          label: 'No one can get me',
          value: 'anonymous',
        },
      ],
    },
  ],
}

export default function testRcTree() {

  const onChange = (currentNode, selectedNodes) => {
    console.log('onChange::', currentNode, selectedNodes)
  }
  const onAction = (node, action) => {
    console.log('onAction::', action, node)
  }
  const onNodeToggle = currentNode => {
    console.log('onNodeToggle::', currentNode)
  }

  return (
    <div >
      <DropdownTreeSelect
        multiSelect
        className='mdl-demo'
        data={data}
        onChange={onChange}
        onAction={onAction}
        onNodeToggle={onNodeToggle} />
    </div>
  )
}

​

​

Answer 1

您需要显式地将父节点的选中属性标记为true。一个节点的父节点有两个变量，“已检查”和“扩展”，我认为展开是正确的。但请找到该节点的父节点，该节点位于selectedNode.parent，并将其设置为

selectedNode.parent.checked=true;