Utilização

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>;
}

Assinaturas

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

Parâmetros

NomeTipoObrigatórioDescrição
fn() => voidSim—
namestringNão—

Devolve

void

Gerado a partir das declarações TypeScript públicas: assinaturas, props e predefinições vêm da fonte verificada, as descrições da sua JSDoc. Nenhuma predefinição é inventada.