CollectionProvider

用于提供 Collection 实例。

组件

CollectionProvider

  • 类型
1interface CollectionProviderProps {
2  name: string;
3  dataSource?: string;
4  children?: ReactNode;
5}
  • 详解

组件会根据 nameCollectionManager 中查询数据表信息,如果查询不到,则会不进行渲染。

dataSource 用于指定数据表所在的命名空间,如果不指定,则默认命名空间。

  • 示例
1import { CollectionProvider } from '@tachybase/client';
2
3const MyComponent = () => {
4  return (
5    <CollectionProvider name="users">
6      <div>...</div>
7    </CollectionProvider>
8  )
9}

Hooks

useCollection()

用于获取 CollectionProvider 传递的 Collection 实例。

1const collection = useCollection()
2
3console.log(collection instanceof Collection) // true
4console.log(collection);

结合 Mixin 使用:

1const collection = useCollection<TestMixin>()
2const collection = useCollection<TestMixin & TestMixin2>()

示例