getQueries
The getQueries function returns the default Queries object from the current Provider context (or a named one if an Id is provided).
getQueries(id?: string): Queries | undefined| Type | Description | |
|---|---|---|
id? | string | An optional |
| returns | Queries | undefined | The |
Example
This example reads a TinyBase object from Svelte context inside a child component.
Child.svelte
<svelte:options runes={true} />
<script>
import {getQueries} from 'tinybase/ui-svelte';
</script>
{getQueries()?.getResultCell('petSpecies', 'fido', 'species')}
App.svelte
<svelte:options runes={true} />
<script>
import {Provider} from 'tinybase/ui-svelte';
import Child from './Child.svelte';
let {queries} = $props();
</script>
<Provider {queries}>
<Child />
</Provider>
import {flushSync, mount} from 'svelte';
import {createQueries, createStore} from 'tinybase';
import App from './App.svelte';
const store = createStore().setCell('pets', 'fido', 'species', 'dog');
const queries = createQueries(store).setQueryDefinition(
'petSpecies',
'pets',
({select}) => select('species'),
);
const app = document.body.appendChild(document.createElement('div'));
flushSync(() => mount(App, {target: app, props: {queries}}));
console.log(app.textContent);
// -> 'dog'
Since
v8.1.0