react-native-tree-select typescript 使用方法

`react-native-tree-select`是一个用于React Native应用的树形选择组件，它支持 TypeScript。以下是使用它的基本步骤：

1. **安装库**:
首先，在你的项目中通过npm或yarn安装 `react-native-tree-select` 和 `@types/react-native-tree-select`，如果还没安装 TypeScript 的类型支持，也要一起安装：

   npm install react-native-tree-select @types/react-native-tree-select
   // 或者
   yarn add react-native-tree-select @types/react-native-tree-select

2. **引入组件**:
在需要使用的文件中，导入 `TreeSelect` 组件：

   import { TreeSelect } from 'react-native-tree-select';

3. **配置组件**:
创建并配置组件实例，你可以设置初始数据、选中选项、搜索功能等属性：

   const initialData = [
     {
       id: 1,
       text: "根节点",
       children: [...],
     },
   ];

   const treeSelectConfig = {
     placeholder: "请选择",
     showSearch: true,
     data: initialData,
   };

   const treeSelect: React.FC = () => {
     return (
       <TreeSelect config={treeSelectConfig} onSelection={(value) => console.log(value)} />
     );
   };

4. **类型提示**:
如果你想获取或设置组件的内部状态，确保类型安全，可以添加类型注解：

   type TreeNode = {
     id: number;
     text: string;
     children?: TreeNode[];
   };

   const [selectedValue, setSelectedValue] = useState<TreeNode | null>(null);

5. **使用组件**:
把上面的`treeSelect`函数作为组件渲染到你的 UI 中。