DataSourceProvider
Used to provide DataSource instance.
Component
interface DataSourceProviderProps {
dataSource?: string;
children?: ReactNode;
}
const MyComponent = () => {
return (
<DataSourceProvider dataSource="main">
<MyChildComponent />
</DataSourceProvider>
);
}
Hooks
useDataSource()
Get DataSource instance.
function useDataSource(): DataSource;
const MyComponent = () => {
const dataSource = useDataSource();
return <div>{dataSource.displayName}</div>
}
useDataSourceKey()
Get the key of DataSource.
function useDataSourceKey(): string;
const MyComponent = () => {
const dataSourceKey = useDataSourceKey();
return <div>{dataSourceKey}</div>
}