Utilisation

Tie a side effect to state

tsx
import { Text, effect, onCleanup, signal } from 'kuito';

export function Connection(props: { connect: (room: string) => () => void }) {
  const room = signal('general');
  effect(() => {
    const disconnect = props.connect(room.value);
    return disconnect;
  });
  onCleanup(() => console.log('Connection screen disposed'));
  return <Text>{`Connected to ${room.value}`}</Text>;
}

Signatures

ts
(fn: () => void, name?: string): void

Paramètres

NomTypeRequisDescription
fn() => voidOui—
namestringNon—

Retourne

void

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.