Utilisation

Share a value with descendants

tsx
import { Text, VStack, inherit, inherited, provide, signal } from 'kuito';

const Currency = inherited('EUR');

function Price() {
  const currency = inherit(Currency);
  return <Text>{`12 ${currency.value}`}</Text>;
}

export function Checkout() {
  const currency = signal('USD');
  provide(Currency, currency);
  return (
    <VStack>
      <Price />
    </VStack>
  );
}

Signatures

ts
<T>(fallback: T, name?: string): Inherited<T>

Paramètres de type

NomContraintePar défaut
T——

Paramètres

NomTypeRequisDescription
fallbackTOui—
namestringNon—

Retourne

Inherited<T>

Généré depuis les déclarations TypeScript publiques : signatures, props et valeurs par défaut viennent de la source vérifiée, les descriptions de sa JSDoc. Aucune valeur par défaut n'est inventée.