当我使用 rc-tree-select 组件时，下拉菜单不渲染

Question

嗨，我有下面的组件，我正在尝试渲染 TreeSelect 组件。

import 'rc-tree-select/assets/index.less';
import TreeSelect from 'rc-tree-select';


function App() {

  const data = [{
    label: 'search me',
    value: 'searchme',

  }]
  return (

    <div>
      Tree select demo
      <TreeSelect treeData={data} style={{ width: '300px' }} placeholder="select" />
    </div>
  );
}

export default App;

我无法使用上面的代码正确渲染下拉列表，正如您从所附的屏幕截图中看到的那样。我在这里做错了什么。有人可以帮忙吗

Answer 1

你必须导入 rc-tree-select 样式

import 'rc-tree-select/assets/index.less';

如果您使用的是vitejs，则必须添加解析器配置：

 alias: [
            {
                find: 'src',
                replacement: path.resolve(__dirname, './src')
            },
            { find: /^~/, replacement: '' }
        ]

参考：https://github.com/vitejs/vite/issues/2185