CollectionProvider
用于提供 Collection 实例。
组件
CollectionProvider
interface CollectionProviderProps {
name: string;
dataSource?: string;
children?: ReactNode;
}
组件会根据 name 去 CollectionManager 中查询数据表信息，如果查询不到，则会不进行渲染。
dataSource 用于指定数据表所在的命名空间，如果不指定，则默认命名空间。
import { CollectionProvider } from '@tachybase/client';
const MyComponent = () => {
return (
<CollectionProvider name="users">
<div>...</div>
</CollectionProvider>
)
}
Hooks
useCollection()
用于获取 CollectionProvider 传递的 Collection 实例。
const collection = useCollection()
console.log(collection instanceof Collection) // true
console.log(collection);
结合 Mixin 使用：
const collection = useCollection<TestMixin>()
const collection = useCollection<TestMixin & TestMixin2>()
示例
