树 Select 带有复选框 - 输入栏的固定大小

Question

有什么方法可以使输入固定或使树显示为下拉列表。我在组件中尝试了这个，但没有做任何事情。

render() {
     const tProps = {
      treeData,
      value: this.state.value,
      onChange: this.onChange,
      multiple: true,
      treeCheckable: true,
      showCheckedStrategy: SHOW_PARENT,
      searchPlaceholder: 'Please select',
      style: {
        width: 300,
        overflow:'auto',
        height:50
      },
    };
    return <TreeSelect {...tProps} />;   
  }

Answer 1

好的，我正在使用 Tree 而不是 TreeSelect 和这样的弹出窗口。

<Popover
    visible={this.state.visible}
    title={<Checkbox onChange={this.checkAllKeys} checked={isAllChecked}>Select All</Checkbox>}
    onVisibleChange={this.handleVisibleChange}
    trigger="click"
    content={
      <Tree
        checkable
        onExpand={this.onExpand} expandedKeys={this.state.expandedKeys}
        autoExpandParent={this.state.autoExpandParent}
        onCheck={this.onCheck} checkedKeys={this.state.checkedKeys}
        onSelect={this.onSelect} selectedKeys={this.state.selectedKeys}
      >
        {loop(treeData)}
      </Tree>
    }>
    <Button type="default">Click to check</Button>
  </Popover>

树 Select 带有复选框 - 输入栏的固定大小

Tree Select With Check Boxes - Fixed Size of Input Bar

antd